jQuery操作<input type="checkbox">
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery操作<input type="checkbox">相关的知识,希望对你有一定的参考价值。
<input type="checkbox">:
1
2
3
4
5
|
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、小组第一名和第二名出线,所以要限制只能选两项。
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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、遍历已选择的国家队。
1
2
3
|
$( "input[name=‘nation‘]:checked" ).each( function (){ alert( "已选择的国家队: " +$( this ).val()); }); |
3、取消所有选中的国家队。
1
|
$( "input[name=‘nation‘]:checked" ).attr( "checked" , false ); |
4、指定选中两个国家队。
1
2
|
$( "input[name=‘nation‘][value=‘Germany‘]" ).attr( "checked" , true ); $( "input[name=‘nation‘][value=‘Holland‘]" ).attr( "checked" , true ); |
5、禁止选择国家队。
1
|
$( "input[name=‘nation‘]" ).attr( "disabled" , true ); |
6、允许选择国家队。
1
|
$( "input[name=‘nation‘]" ).attr( "disabled" , false ); |
7、选中索引为偶数或者奇数的国家队(索引是从0开始)。
1
2
3
4
|
//选中索引为偶数的国家队 $( "input[name=‘nation‘]:even" ).attr( "checked" , true ); //选中索引为奇数的国家队 $( "input[name=‘nation‘]:odd" ).attr( "checked" , true ); |
以上是关于jQuery操作<input type="checkbox">的主要内容,如果未能解决你的问题,请参考以下文章
jquery解决input[type=radio]点击选中取消
<input type="file">,输入的信息怎样用jquery获取?
jquery对所有<input type="text"的控件赋值