Question

我正在尝试将一个类添加到单选按钮的标签中。添加的类将根据是否选择了按钮而变化。如何测试未检查状态？

if (ui.item.Status) {
    $('input:radio[name="StatusType.Active"]')[0].checked = true;
} else {
    $('input:radio[name="StatusType.Active"]')[1].checked = true;
}
$('input:radio[name="StatusType.Active"]:checked').parent().addClass('btn-success');
$('input:radio[name="StatusType.Active"]:!checked').parent().addClass('btn-failure');

Answer 1

您可以使用addClass

的函数回调来执行此操作

var elem = $(':radio[name="StatusType.Active"]');
elem.parent().addClass(function(){
   return "btn-" + (elem.is(":checked") ? "success" : "failure");
});

Answer 2

在jQuery中使用not()方法

$('input:radio[name="StatusType.Active"]').not(':checked').parent().addClass('btn-failure');

Answer 3

您可以将:checked选择器与is()方法结合使用，如下所示：

var $checkbox = $('input:radio[name="StatusType.Active"]');
if($checkbox.is(':checked'))
   $checkbox.parent().addClass('btn-success');
else
   $checkbox.parent().addClass('btn-failure');

Answer 4

类似于:not： -

$('input:radio[name="StatusType.Active"]:not(:checked)').parent().addClass('btn-failure');

使用jQuery检查是否未选中单选按钮

4 个答案: