温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

js怎么获取checkbox被选中的值

发布时间:2021-03-05 14:11:05 来源:亿速云 阅读:2541 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关js怎么获取checkbox被选中的值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  js如何获取checkbox被选中的值

  js获取复选框值

functionchk(){
  varobj=document.getElementsByName('test');//选择所有name="'test'"的对象,返回数组
  //取到对象数组后,我们来循环检测它是不是被选中
  vars='';
  for(vari=0;i<obj.length;i++){
  if(obj[i].checked)s+=obj[i].value+',';//如果选中,将value添加到变量s中
  }
  //那么现在来检测s的值就知道选中的复选框的值了
  alert(s==''?'你还没有选择任何内容!':s);
  }

  jQuery获取复选框值

functionjqchk(){//jquery获取复选框值
  varchk_value=[];
  $('input[name="test"]:checked').each(function(){
  chk_value.push($(this).val());
  });
  alert(chk_value.length==0?'你还没有选择任何内容!':chk_value);
  }

  对checkbox的其他几个操作

  全选

  取消全选

  选中所有奇数

  反选

  获得选中的所有值

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""  <head>
  <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
  <title>louis-blog>>jQuery对checkbox的操作</title>
  <mce:scripttype='text/javascript'src="  </head>

关于“js怎么获取checkbox被选中的值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI