jquery 中<input type="checkedbox"> 使用实例

<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 );
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值