Question

我想启用其他文字＆＃39;当＆＃39;选项其他＆＃39;单选按钮被选中。我可以做这个工作，但表格必须包括多个无线电组。当我尝试添加另一个广播组时，我的代码会导致两个文本字段都被启用。

我如何一次只为一个人工作？我看着在课堂上添加：eq（），但我无法弄清楚如何使这项工作成功。任何帮助表示赞赏。

<script>
  $(document).ready(function() {
    $('.textclass').attr({disabled:true,enabled:false});
    $('.radclass.can').click(function(){
  $('.textclass').attr({disabled:false,enabled:true});
});
    $('.radclass.cant').click(function(){
  $('.textclass').attr({disabled:true,enabled:false});
});
  });
</script>

<form name="form1" method="post" action="next.php">
<input type="radio" name="grp_one" class="radclass cant" value="option_one" />Option          One<br />
<input type="radio" name="grp_one" class="radclass cant" value="option_two" />Option Two<br />
<input type="radio" name="grp_one" class="radclass can" value="option_other" />Option Other<br />
Other Text: <input type="text" name="text_one" class="textclass"/>
<br />
<input type="radio" name="grp_two" class="radclass cant" value="option_one" />Option One<br />
<input type="radio" name="grp_two" class="radclass cant" value="option_two" />Option Two<br />
<input type="radio" name="grp_two" class="radclass can" value="option_other" />Option Other<br />
Other Text: <input type="text" name="text_two" class="textclass"/>
<br />
<input type="submit" name="submit" value="submit">
</form>

Answer 1

您应该为两个文本字段分配不同的标识符，例如在名称组中添加相对的类名：

<input type="text" name="text_one" class="textclass grp_one"/>

在您的脚本中，您可以确定已点击的组，而不是您可以激活：

$('.radclass.can').click(function(){
    var grp = $(this).attr('name');
    $('.' + grp).attr({disabled:false,enabled:true});
});

这是一个完整的示例（link）

如何使用单选按钮启用特定文本字段？

1 个答案: