jQuery 单选组验证和启用选项，如果某些单选检查（jsfiddle 提供）

Posted 2023-03-05

【中文标题】jQuery 单选组验证和启用选项，如果某些单选检查（jsfiddle 提供）

【英文标题】：jQuery radio group validation and enable option if certain radio checked (jsfiddle provided)

【发布时间】：2014-07-21 01:12:51

【问题描述】：

我是 jQuery 新手。

我将如何检查是否选中了一个单选按钮，如果选中了另一个，则启用文本选项。如果没有，则禁用它。我这里没有放完整的代码，但大体上是一样的。

http://jsfiddle.net/Opetus/8Ahcz/

html <table> <tr> <td id="second"> <input type="radio" name="inquire" id="9" class="css-checkbox"/> <label for="9" class="css-label radGroup1 radGroup2">3D</label> </td> <td id="second"> <input type="radio" name="inquire" id="10" class="css-checkbox" /> <label for="10" class="css-label radGroup1 radGroup2">Coding</label> </td> <td id="opt"> <input type="radio" name="inquire" id="11" class="css-checkbox" /> <label for="11" class="css-label radGroup1 radGroup2">Other:</label> <input type="text" name="other" id="other" /> </td> </tr> </table>

已回答

`$('.css-checkbox').click(function()
      alert($(this).attr('id'));
     if($(this).attr('id') == 11)
         $('#other').prop('disabled', false);
     else
     
        $('#other').prop('disabled', true);
        $('#other').val('');
     
  );`

注意 如果为此添加一个颜色框，请将颜色框代码放在上面的答案之后。否则，提交无效。

【参考方案1】：

我已经更新了小提琴。看看这里http://jsfiddle.net/shinde87sagar/8Ahcz/3/

我刚刚添加了这段代码。

   $('.css-checkbox').click(function()
      alert($(this).attr('id'));
     if($(this).attr('id') == 11)
         $('#other').prop('disabled', false);
     else
     
        $('#other').prop('disabled', true);
        $('#other').val('');
     
  );

我已经做了更改检查。

【讨论】：

如果选中不同的单选按钮，other 仍可编辑

请立即检查。我已经做出了改变。如果右键单击其他，您还需要禁用它。

@KelliHaggett 哈哈。哈哈哈。如果您找到正确的新更新小提琴，请投票赞成答案并将其标记为正确答案。这样它就会退出未回答的队列

【参考方案2】：

我已经更新了小提琴。看看这里http://jsfiddle.net/vkvikram020/Pue3X/

Jquery 代码是

$('input:radio').click(function()    
//alert($('input:radio:checked').attr('id'));
var selectedID=$('input:radio:checked').attr('id');
if(selectedID==11)
    $('#other').attr("disabled", false);

else
    $('#other').val("");
    $('#other').attr("disabled", true);

selectedID=0;
)