使用jQuery禁用单选按钮

Question

我正在尝试在单击loadActive链接时禁用这些单选按钮但由于某种原因它只会禁用顺序中的第一个,然后跳过其余按钮.

<form id="chatTickets" method="post" action="/admin/index.cfm/">
    <input id="ticketID1" type="radio" checked="checked" value="myvalue1" name="ticketID"/>
    <input id="ticketID2" type="radio" checked="checked" value="myvalue2" name="ticketID"/>
</form>
<a href="#" title="Load ActiveChat" id="loadActive">Load Active</a>

这是我正在使用的jquery:

jQuery("#loadActive").click(function() {
    //I have other code in here that runs before this function call
    writeData();
});
function writeData() {
    jQuery("input[name='ticketID']").each(function(i) {
    jQuery(this).attr('disabled', 'disabled');
});
}

Answer 1

我已经重构了你的代码,这应该工作:

jQuery("#loadActive").click(writeData);

function writeData() {
    jQuery("#chatTickets input:radio").attr('disabled',true);
}

如果表单上有两个以上的单选按钮,则必须修改选择器,例如,您可以使用带有属性过滤器的开头来挑选ID开头的无线电ticketID:

function writeData() {
    jQuery("#chatTickets input[id^=ticketID]:radio").attr('disabled',true);
}

Answer 2

删除你的"每个",只需使用:

$('input[name=ticketID]').attr("disabled",true);

那么简单.有用

Answer 3

首先,有效的语法是

jQuery("input[name=ticketID]")

第二,你尝试过:

jQuery(":radio")

代替？

第三,为什么不为所有单选按钮分配一个类,并按类选择它们？

Answer 4

只需使用jQuery prop

 $(".radio-button").prop("disabled", false);
 $(".radio-button").prop("disabled", true); // disable