试图从整页中获取所有复选框

时间:2018-08-03 03:00:36

标签: javascript jquery

我正在尝试获取整页的所有选中的chckboxes值。

全文定义了各种html标签。

还有另一个是div,它的父类为"syllabus"。选中整个页面的其他复选框

时,该类div及其内部的所有复选框将被忽略

我正在尝试这样的事情:

$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

2 个答案:

答案 0 :(得分:3)

也许是这样的:

var checkedValues = [];

$('input[type=checkbox]:checked').each(function(){
    checkedValues.push($(this).val());
});

console.log(checkedValues);

或(使用.map().get()

var checkedValues = $("input[type=checkbox]:checked").map(function() {
    return $(this).val();
}).get();

console.log(checkedValues);

More info

答案 1 :(得分:-1)

您在这里找到解决方法

var sThisVal = [];
$('input[type=checkbox]').each(function () {
  sThisVal.push((this.checked ? $(this).val() : ""));
});

console.log(sThisVal);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" checked value="1">Checkbox 1
<input type="checkbox" value="2">Checkbox 2
<input type="checkbox" checked value="3">Checkbox 3
<input type="checkbox"value="4">Checkbox 4

希望这会对您有所帮助。