Question

我写了代码：点击所有radiobutton然后只显示div即使单个收音机未经检查也隐藏div。

适用于单个ID，但如果所有添加的内容都无效。

html

<li class="list-group">
    <input type="radio" id="one">
    <input type="radio" id="two">
    <input type="radio" id="three">
    <input type="radio" id="four">
</li>
<div class="chk-message16"></div>

JS

$(document).ready(function () {
    $(".chk-message16").hide();
    var Onee = $("#one, #two, #three, #four");

    Onee.change(function () {
        $(".list-group > .chk-message").show();
    });
});

Answer 1

嗨，现在尝试这种方式

你在jquery检查中写错了代码并更正了我们的代码。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <li class="list-group">
    <input type="checkbox" id="one">
    <input type="checkbox" id="two">
    <input type="checkbox" id="three">
    <input type="checkbox" id="four">
    </li>
    <div class="chk-message16">hide show div</div>

while

Answer 2

FIDDLE

$(".chk-message16").hide();
var Onee = $("#one, #two, #three, #four");

Onee.change(function () {
    $(".chk-message16").show();
});

将选择器从$(".list-group > .chk-message").show();更改为$(".chk-message16").show();

将名称添加到复选框。

FIDLE

$(".chk-message16").hide();
var Onee = $("#one, #two, #three, #four");
//var class = $('input:radio:checked').length
Onee.change(function () {
    if($(':radio:checked').length == 4)
    $(".chk-message16").show();

});

Answer 3

无论何时你想要选择多个选项，都不要使用单选按钮。单选按钮用于选择单个多个。出于多选的目的，请始终使用复选框。

<input type="checkbox">

还要记下一次选择单个多个单选按钮给它们同名：

ex.
 Female:<input type="radio" name="gen" checked="checked">
 Male :<input type="radio" name="gen">

点击所有单选按钮显示div

3 个答案: