一、通過選擇器選取checkbox:
1.給checkbox設定乙個id屬性,通過id選擇器選取:
<input
type
=
"checkbox"
name
=
"mybox"
id
=
"chkone"
value
=
"1" checked="checked"
/>
jquery:
$("#chkone").click(function(){});
2.給checkbox設定乙個class屬性,通過類選擇器選取:
<input
type
=
"checkbox"
name
=
"mybox"
class
=
"chktwo"
value
=
"1"
checked="checked"/>
jquery:
$(".chktwo").click(function(){});
3.通過標籤選擇器和屬性選擇器來選取:
<input
type
=
"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(','));
<input
type
=
"checkbox"
name
=
"mybox"
class
=
"chktwo"
value
=
"2"
/>
<input
type
=
"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...