0

我试图弄清楚为什么p单击提交按钮时此代码不会公开正确的标签。目的是告诉用户他们的答案是通过还是失败。

$('#screenfail').hide();
$('#screensuccess').hide();

$('#actiontime').click(function () {
    if ($("#quest11", "#quest21").is(':checked') == true) {
        $('#screensuccess').show(); 
    } else {
        $('#screenfail').show();
    }
});

<div>
    <p>Quest 1.</p>
    <input type="radio" name="clinic" id="quest11" value="1" />Yes
    <input type="radio" name="clinic" id="quest12" value="0" />No

    <p>Quest 2.</p>
    <input type="radio" name="age" id="quest21" value="1" />Yes
    <input type="radio" name="age" id="quest22" value="0" />No

    <p id="screenfail">
        Thanks but no thanks.
    </p>

    <p id="screensuccess">
        You made it!
    </p>

    <p>
        <input id="actiontime" type="submit" value="Submit Me!" name="submit">
    </p>

</div>
4

2 回答 2

2

将您的支票更改为:

if ($("#quest11").is(':checked') && $("#quest21").is(':checked')) {

jsFiddle 示例

于 2013-07-19T19:46:18.717 回答
0

另一种方式:

if ($("#quest11:checked, #quest21:checked").length == 2) {

JSFIDDLE

于 2013-07-19T19:50:23.850 回答