Question

我正在尝试检查是否使用JavaScript检查了一个收音机盒，但我似乎无法正确判断它。

这是HTML代码：

<input type="radio" name="status" id="employed_yes" value="yes">
<input type="radio" name="status" id="employed_no" value="no">

我尝试过如下使用jQuery：

$(document).ready(function() {
    if($('#employed_yes').is(':checked')) {
        // do something
    }
});

此外，我尝试使用纯Javascript获取元素并检查其已检查＆＃39;属性，但它没有用。

我期待您的见解！

谢谢！

Answer 1

使用onchange

   $('input[type="radio"]').on('change',function(){
        if($('#employed_yes').is(':checked')) {
          alert("yes");
        }
    });

DEMO

Answer 2

尝试使用

等单选按钮的名称进行检查

if($('input[name="status"]').val() != "") {
    // do something
} else {
    alert("Select an Status");
}

Answer 3

您的解决方案不起作用，因为当页面加载复选框时，未选中默认状态，即jQuery代码运行时。

您需要在复选框上侦听更改事件，如下所示：

$(document).ready(function() {
    $("#employed_yes").change(function() {
        if(this.checked) {
            document.write("checked");
        }
    });
});

演示：http://jsfiddle.net/7CduY/

Answer 4

试试这个。如果选中任何单选按钮，这将在文档就绪时提醒Hi。如果要检查特定事件，则可以绑定任何事件以检查相同事件。

$(document).ready(function() {
    if($('input[type=radio]').is(':checked')) {
        alert("Hi");
    }
});

Answer 5

if($('input:radio:checked').text("yes") { // do something }

从jQuery论坛得到了这个想法。 http://forum.jquery.com/topic/how-to-check-whether-all-radio-buttons-have-been-been-selected

Answer 6

老兄，我想你想要，是否选中单选按钮，这是我从你的问题中理解的

如果是这样，那么

$(document).ready(function() {
    $('input[type="radio"]').on('change',function(){
        if($('[name=status]:checked').length) {
          alert("checked");
        }
    });
});

FIDDLE DEMO

Answer 7

Pure JS：

<input type = "button" value = "What?" name = "wic" onclick = "whatischecked(this.name);" />

事件onClick：

function whatischecked(name) {
        var 
            emp = document.getElementById("employed_yes").checked
            nonemp = document.getElementById("employed_no").checked

        if (emp) {
           alert("Employed");
        };

        if (nonemp) {
               alert("Non-Employed");
            };          

        if ((emp == false) & (nonemp == false))
        {
            alert("nothing checked")
        };  
    }

单选按钮检查

7 个答案: