js,jquery获取checkbox的值及判断是否选择

26 篇文章 0 订阅
14 篇文章 0 订阅

 在网络上发现了一个很不错的js资源,地址如下:http://www.111cn.net/tags.php/checkbox/

在js中遇到的疑难问题可以试试在这个网站上找到相应资源

下面是完整的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <title>JS获取复选框被选中的值</title>  
 </head>  
 <body>  
 <input type="checkbox" name="test" value="0" />0&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="1" />1&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="2" />2&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="3" />3&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="4" />4&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="5" />5&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="6" />6&nbsp;&nbsp;  
 <input type="checkbox" name="test" value="7" />7&nbsp;&nbsp;  
 <input type="button" οnclick="chk()" value="提  交" />  
 </body>  
 </html


<mce:script type="text/javascript"><!--
  
function chk(){  
  var obj=document.getElementsByName('test');  //选择所有name="'test'"的对象,返回数组  
  //取到对象数组后,我们来循环检测它是不是被选中  
  var s='';  
  for(var i=0; i<obj.length; i++){  
    if(obj[i].checked) s+=obj[i].value+',';  //如果选中,将value添加到变量s中  
  }  
  //那么现在来检测s的值就知道选中的复选框的值了  
  alert(s==''?'你还没有选择任何内容!':s);  
}  
  
function jqchk(){  //jquery获取复选框值  
  var chk_value =[];  
  $('input[name="test"]:checked').each(function(){  
   chk_value.push($(this).val());  
  });  
  alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值