Javascript 选中单选按钮上的启用输入字段
我有两个单选按钮和两个输入字段。我想将单选按钮与输入字段相关联,以便只启用选定单选按钮的输入字段,而禁用其他单选按钮的输入字段 我的html标记是:Javascript 选中单选按钮上的启用输入字段,javascript,jquery,Javascript,Jquery,我有两个单选按钮和两个输入字段。我想将单选按钮与输入字段相关联,以便只启用选定单选按钮的输入字段,而禁用其他单选按钮的输入字段 我的html标记是: <div> <input type="radio" checked="checked" name="co" data-for="s" /> <input type="text" id="s" /> <br /><br /> <input type="
<div>
<input type="radio" checked="checked" name="co" data-for="s" />
<input type="text" id="s" />
<br /><br />
<input type="radio" name="co" data-for="u"/>
<input type="text" id="u" disabled="disabled" />
</div>
试试这个-
禁用所有框,然后仅启用下一个框
溶液-
$("input[type=radio][name=co]").bind({
change: function () {
if ($(this).attr("checked") == "checked")
$("#" + $(this).attr("data-for")).removeAttr("disabled");
else
$("#" + $(this).attr("data-for")).attr("disabled", "disabled");
}
});
$("input:radio").on("click", function() {
$("input:text").attr("disabled", true);
$(this).next("input").attr("disabled", false)
});
$("input[type='radio']").click(function() {
$("input[type='text']").attr("disabled", "disabled");
if ($(this).next().attr("disabled") == "disabled") $(this).next().removeAttr("disabled");
else $(this).next().attr("disabled", "disabled");
});
$('input[data-for]').change(function() {
target = $('#'+$(this).data('for'));
$('input[type="text"]').attr('disabled','disabled');
if($(this).is(":checked")) {
target.removeAttr('disabled');
}});