如果使用jquery检查单选按钮,则启用输入字段
我在html代码中有这个单选按钮:
我有1个禁用字段,如:
我希望如果用户单击单选按钮中的选项是 ,则删除html属性disabled="disabled"
到最后一个输入字段,如果用户单击单选按钮中的选项否 ,则将属性disabled="disabled"
添加到此最后一个输入字段
我怎么能用jquery做到这一点?
谢谢!
你可以使用removeAttr
$('#item_shipping_true').click(function() { $('#item_shipping_cost').removeAttr("disabled"); }); $('#item_shipping_false').click(function() { $('#item_shipping_cost').attr("disabled","disabled"); });
在JsFiddle中看到demo
$('input[name="item[shipping]"]').on('click', function() { if ($(this).val() === 'true') { $('#item_shipping_cost').removeProp("disabled"); } else { $('#item_shipping_cost').prop("disabled", "disabled"); } });
您想使用这样的JavaScript:
$('#item_shipping_false').change(function() { $('#item_shipping_cost').prop('disabled', false); }); $('#item_shipping_true').change(function() { $('#item_shipping_cost').prop('disabled', true); });
这是您案例的完整示例 。
这里有一个
DEMO
。 我想这会对你有所帮助