Question

我在jQuery 1.3.2

我需要一个非常简单的代码。

我有4个复选框。

隐藏其中一个复选框。

我希望当单击3个可见复选框中的一个时，将自动检查隐藏的复选框。

所以我有

<input type="checkbox" style="display:none" id="hiddenOne">
<input type="checkbox" style="display:block" id="visible2">
<input type="checkbox" style="display:block" id="visible3">
<input type="checkbox" style="display:block" id="visible4">

因此，如果我点击任何visible3 3或4，将自动检查hiddenOne。

有没有办法在jQuery中做到这一点？

谢谢！

Answer 1

这将检查是否检查了三个可见的任何一个，如果有的则显示隐藏的那个并检查它。

http://jsfiddle.net/pxfunc/S6SFZ/

<强> HTML：

<label id="hiddenLabel" style="display:none"><input type="checkbox" id="hiddenOne"> Hidden One</label>
<label><input type="checkbox" id="visible2" class="visiChk"> Visible 2</label>
<label><input type="checkbox" id="visible3" class="visiChk"> Visible 3</label>
<label><input type="checkbox" id="visible4" class="visiChk"> Visible 4</label>

<强> jQuery的：

// update if any of the three are checked/unchecked
$('.visiChk').change(function() {
    var hiddenOne = $('#hiddenLabel')[0];

    // Are any of them checked ?
    if ($('.visiChk:checked').length > 0) {
        hiddenOne.style.display = 'block';
        hiddenOne.checked = true;
    } else {
        hiddenOne.style.display = 'none';
        hiddenOne.checked = false;
    }
});

jQuery检查隐藏的复选框onclick

1 个答案: