控制項的 jquery 操作

2021-06-01 18:49:33 字數 2715 閱讀 5809

由於jquery的版本更新很快,**的寫法也改變了許多,以下jquery**適query1.4版本以上

1.獲取選中值,三種方法都可以:

$('input:radio:checked').val();

$("input[type='radio']:checked").val();

$("input[name='rd']:checked").val();

2.設定第乙個radio為選中值:

$('input:radio:first').attr('checked', 'checked');

或者 $('input:radio:first').attr('checked', 'true');

注: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.設定最後乙個radio為選中值:

$('input:radio:last').attr('checked', 'checked');

或者 $('input:radio:last').attr('checked', 'true');

4.根據索引值設定任意乙個radio為選中值:

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者 $('input:radio').slice(1,2).attr('checked', 'true');

5.根據value值設定radio為選中值

$("input:radio[value='rd2']").attr('checked','true');

或者 $("input[value='rd2']").attr('checked','true');

6.刪除value值為rd2的radio

$("input:radio[value='rd2']").remove();

7.刪除第幾個radio

$("input:radio").eq(索引值).remove();索引值=0,1,2....

如刪除第3個radio:$("input:radio").eq(2).remove();

8.遍歷radio

$('input:radio').each(function(index,domele));

dropdownlist1. 獲取單個checkbox選中項(三種寫法):

$("input:checkbox:checked").val()

或者 $("input:[type='checkbox']:checked").val();

或者 $("input:[name='ck']:checked").val();

2. 獲取多個checkbox選中項:

$('input:checkbox').each(function()

});

3. 設定第乙個checkbox 為選中值:

$('input:checkbox:first').attr("checked",'checked');

或者 $('input:checkbox').eq(0).attr("checked",'true');

4. 設定最後乙個checkbox為選中值:

$('input:radio:last').attr('checked', 'checked');

或者 $('input:radio:last').attr('checked', 'true');

5. 根據索引值設定任意乙個checkbox為選中值:

$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者 $('input:radio').slice(1,2).attr('checked', 'true');

6. 選中多個checkbox:

同時選中第1個和第2個的checkbox:

$('input:radio').slice(0,2).attr('checked','true');

7. 根據value值設定checkbox為選中值:

$("input:checkbox[value='1']").attr('checked','true');

8. 刪除value=1的checkbox:

$("input:checkbox[value='1']").remove();

9. 刪除第幾個checkbox:

$("input:checkbox").eq(索引值).remove();索引值=0,1,2....

如刪除第3個checkbox:

$("input:checkbox").eq(2).remove();

10.遍歷checkbox:

$('input:checkbox').each(function (index, domele) );

11.全部選中

$('input:checkbox').each(function() );

12.全部取消選擇:

$('input:checkbox').each(function () );

jquery 操作控制項

取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val 記性不好的可以收藏下 1,下拉框 稍微解釋一下 1.select name country optio...

JQuery操作表單控制項

1.jquery操作radio 1.jquery判斷哪個radio被選中 radio1 radio2 2.jquery選中取消乙個radio radio3 4.jquery獲取radio的值 radio4 jquery操作select 1.jquery判斷哪個option被選中,並且獲取該值12 3...

JQuery控制項

一 my97日期控制項 控制項名 my97datepicker wdatepicker.js 如何使用 1.在使用該日期控制項的檔案中加入js庫 僅這乙個檔案即可,其他檔案會自動引入,請勿刪除或改名 如下 注 src datepicker wdatepicker.js 請根據你的實際情況改變路徑 2...