现在的位置: 首页 > web前端 > 正文

js如何获取checkbox被选中的值

2020年07月09日 web前端 ⁄ 共 888字 ⁄ 字号 评论关闭

  本篇文章主要给大家介绍js获取checkbox复选框选中的值的实现方法,主要是通过for循环,判断遍历出被选中的值。


  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>


  总之,checkbox给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.