如何使用 jQuery 切换单选按钮的选中状态？

Question

可以看出here，我有这个HTML：

<input type="radio" id="radbtnEmp" >rad btn</input>

...还有这个 jQuery:

$('#radbtnEmp').click(function () {
    alert("radbtnEmp clicked");
});

单击单选按钮时显示警报；但是，第二次单击单选按钮不会将其状态切换回未选中状态。我怎样才能在 jQuery 中做到这一点？

我希望能够像这样（或类似的东西）响应它的状态：

if ($('#radbtnEmp').attr('checked', true)) {
    // do stuff
} else {
    // do other stuff
}

...但是如果单选按钮从不 checked/false，那将不起作用。

Answer 1

无法选中和取消选中单选按钮..

为此你需要使用复选框：

Html:

<input type = "checkbox" id = "myCheckBox">I am CheckBox</input>

jQuery:

$('#myCheckBox').on('click', function() {

    if ($('#myCheckBox').is(':checked')) {
        // code
    }
    else {
        // code
    }
})

希望对您有所帮助

How can I toggle a radio button's checked state with jQuery?