复选框'已选中'当另外两个复选框已经“检查”时自动自动

时间:2017-02-13 02:48:18

标签: javascript jquery html checkbox

我有3个具有不同ID的复选框,Checkbox1,checkbox2和checkbox3。 如果checkbox1&复选框2。

HTML

<input type="checkbox" class="check" id="checkbox1">
<input type="checkbox" class="check" id="checkbox2">
<input type="checkbox" class="check" id="checkbox3">

jquery的

var x = $("#checkbox1").is(':checked');
var y = $("#checkbox2").is(':checked');
if(x && y) {
document.getElementById("checkbox3").is(':checked');} 
else {document.getElementById("checkbox3").checked = false;
}

2 个答案:

答案 0 :(得分:0)

我想也许这会奏效,我不是百分百肯定,但在这里:

var x = $("#checkbox1").is(':checked');
var y = $("#checkbox2").is('checked');
var z = $("#checkbox3").is('checked');
if(x && y && z) {
document.getElementById("checkbox3").is(':checked');} 
else {document.getElementById("checkbox3").checked = false;
}

答案 1 :(得分:0)

首先,检查代码:D

var y = $("#checkbox2").is('checked');

应该是:

var y = $("#checkbox2").is(':checked');

  

你可以这样做:

<script>
$(document).ready(function () {
    $('.check').on('change',function() {
        var x = $("#checkbox1").is(':checked');
        var y = $("#checkbox2").is(':checked');
        $('#checkbox3').prop('checked',(x && y));
    });
});
</script>

希望这有帮助^^