Question

你好。我收到了这段代码：

<div>
    <input id="id1" name="radioButton" type="radio">
    <input type="text" id="idText1">
    <p></p>
    <input id="id2" name="radioButton" type="radio">
    <input type="text" id="idText2">

</div>

当我选择无线电id1时，我需要禁用idText2，当我选择无线电id2时，我需要禁用idText1。有优雅的方式吗？

亲切的问候马西莫

Answer 1

和一个有趣的内衬:)（除了包装...... ）

$('div :radio').click(function(){
   $(this).siblings(':text').attr('disabled','disabled').end().next(':text').removeAttr('disabled');
})

Answer 2

我想你想要启用单选按钮旁边的文本框吗？

$(function(){
  $('#id1, #id2').click(function(){
    $('#idText1')[0].disabled = (this.id != 'id1');
    $('#idText2')[0].disabled = (this.id != 'id2');
  });
});

您可能希望选中一个单选按钮并禁用其他文本框：

<div>
  <input id="id1" name="radioButton" type="radio" checked>
  <input type="text" id="idText1">
  <p></p>
  <input id="id2" name="radioButton" type="radio">
  <input type="text" id="idText2" disabled>
</div>

使用jQuery通过单选按钮禁用输入的最佳方法是什么？

2 个答案: