通过JQuery获取CheckBox中被选中的value值

创建几个CheckBox选择框

 <input type="checkbox"  id="test" name="test" value="1">
 <input type="checkbox"  id="test" name="test" value="2">
 <input type="checkbox"  id="test" name="test" value="3">
  <button id="btn">测试</button>

js代码

  // 获取所有选中的checkbox的值
  $("#btn").click(function () {
    // 获取所有id为test的checkbox对象
    var checkid = $("input[name='test']:checked")
    // 创建一个空的数据,用于存储所有对象中被选中的  对象的value值
    var checkvalue = [];
    // 获取所有CheckBox中被选中的value值
    for (var i = 0; i < checkid.length; i++) {
      if (checkid[i].checked)
        checkvalue.push(checkid[i].value);
    }
    // 打印输出
    console.log(checkvalue)
  })

当然了,不用jq也一样的,修改一下就好

# jquery 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×