jquery - 如果使用 jquery 检查单选按钮，则启用输入字段

Question

我在 html 代码中有这个单选按钮:

<span><input type="radio" value="false" name="item[shipping]" id="item_shipping_false" checked="checked"><label for="item_shipping_false" class="collection_radio_buttons">No</label></span>

<span><input type="radio" value="true" name="item[shipping]" id="item_shipping_true"><label for="item_shipping_true" class="collection_radio_buttons">Yes</label></span>

我有 1 个禁用字段，例如:

<input id="item_shipping_cost" class="currency optional" type="text" size="30" name="item[shipping_cost]" disabled="disabled">

我希望，如果用户单击单选按钮中的选项是，请删除最后一个输入字段的 html 属性disabled="disabled"，并且如果用户单击在单选按钮的选项否中，将属性disabled="disabled"添加到最后一个输入字段

如何使用 jquery 做到这一点？

谢谢!

Answer 1

您可以使用removeAttr

   $('#item_shipping_true').click(function()
{
  $('#item_shipping_cost').removeAttr("disabled");
});

$('#item_shipping_false').click(function()
{
  $('#item_shipping_cost').attr("disabled","disabled");
});

请参阅 JsFiddle 中的演示