jQuery操作 input type=checkbox的實現代碼
2024-05-06 14:21:47
供稿：網友
代碼如下:
<input type="checkbox">:
2012歐洲杯"死亡之組"小組出線的國家隊是：<br>
<input type="checkbox" name="nation" value="Germany">德國
<input type="checkbox" name="nation" value="Denmark">丹麥
<input type="checkbox" name="nation" value="Holland">荷蘭
<input type="checkbox" name="nation" value="Portugal">葡萄牙
1、小組第一名和第二名出線，所以要限制只能選兩項。
代碼如下:
var len = $("input[name='nation']:checked").length;
if(len==0) {
alert("請選擇出線的國家隊！");
return false;
}else if(len<2) {
alert("請選擇兩個國家隊！");
return false;
}else if(len>2) {
alert("只能選擇兩個國家隊！");
return false;
}else {
return true;
}
2、遍歷已選擇的國家隊。
代碼如下:
$("input[name='nation']:checked").each(function(){
alert("已選擇的國家隊: "+$(this).val());
});
3、取消所有選中的國家隊。
代碼如下:$("input[name='nation']:checked").attr("checked",false);
4、指定選中兩個國家隊。
代碼如下:
$("input[name='nation'][value='Germany']").attr("checked",true);
$("input[name='nation'][value='Holland']").attr("checked",true);
5、禁止選擇國家隊。
代碼如下:$("input[name='nation']").attr("disabled",true);
6、允許選擇國家隊。
代碼如下: $("input[name='nation']").attr("disabled",false);
7、選中索引為偶數或者奇數的國家隊(索引是從0開始)。
代碼如下://選中索引為偶數的國家隊
$("input[name='nation']:even").attr("checked",true);
//選中索引為奇數的國家隊
$("input[name='nation']:odd").attr("checked",true);
