jquery對checkbox的操作

2021-06-26 18:04:08 字數 2815 閱讀 4933

一、通過選擇器選取checkbox:

1.給checkbox設定乙個id屬性,通過id選擇器選取:

<inputtype="checkbox"name="mybox"id="chkone"value="1" checked="checked"/>

jquery:

$("#chkone").click(function(){});

2.給checkbox設定乙個class屬性,通過類選擇器選取:

<inputtype="checkbox"name="mybox"class="chktwo"value="1"checked="checked"/>

jquery:

$(".chktwo").click(function(){});

3.通過標籤選擇器和屬性選擇器來選取:

<inputtype="checkbox"name="somebox"value="2"/>

jquery:$("input[name='somebox']").click(function(){});

二、對checkbox的操作:

以這段checkbox**為例:

1.遍歷checkbox用each()方法:

$("input[name='box']").each(function(){});

2.設定checkbox被選中用attr();方法:

$("input[name='box']").attr("checked","checked");

在html中,如果乙個核取方塊被選中,對應的標記為 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 則會提示您是"true"而不是"checked",所以判斷 if("checked"==$("#id").attr("checked")) 是錯誤的,應該是 if(true == $("#id").attr("checked"))

3.獲取被選中的checkbox的值:

$("input[name='box'][checked]").each(function()

或者:$("input[name='box']:checked").each(function()

$("input[name='box']:checked")與 $("input[name='box']")有何區別沒試過,我試了用 $("input[name='box']")能成功。

4.獲取未選中的checkbox的值:

$("input[name='box']").each(function()

});

5.設定checkbox的value屬性的值:

$(this).attr("value",值);

三、 一般都是建立乙個js陣列來儲存遍歷checkbox得到的值,建立js陣列的方法:

1. var array= new array();

2. 往陣列新增資料:

array.push($(this).val());

3.陣列以「,」分隔輸出:

alert(array.join(','));

<inputtype="checkbox"name="mybox"class="chktwo"value="2"/>

<inputtype="checkbox"name="mybox"id="chkone"value="2"/>

jquery中對CheckBox的操作

1.獲取所有name notify 的選中的checkbox的值 var notifyary var textary input checkbox name notify checked each function jquery判斷checked的三種方法 attr checked 看版本1.6 返...

jQuery對checkbox的各種操作(詳細)

1 注意 操作checkbox的checked,disabled屬性時jquery1.6以前版本用attr,1.6以上 包含 建議用prop 2 3 1 根據id獲取checkbox 4 cbcheckbox1 5 6 2 獲取所有的checkbox 7 input type checkbox or...

jQuery對checkbox的各種操作

獲取所有的checkbox input type checkbox input name cb 獲取所有選中的checkbox input checkbox checked input type checkbox checked input type checkbox checked input n...