单击单选按钮时禁用文本框

Question

我有两个单选按钮。每个单选按钮都有两个文本框，我只想如果单击第一个单选按钮，则应禁用其他包含文本框的单选按钮，反之亦然。

Answer 1

您可以使用 jquery click 事件，结合 :checked 过滤器

试试这个小提琴http://jsfiddle.net/8NynQ/

<div>
    <label for="radio1">
         <input type="radio" name="test" value="radio1" /> Radio 1
    </label>
    <input type="text" name="for_radio1[]" class="radio1" disabled="true" />
    <input type="text" name="for_radio1[]" class="radio1" disabled="true" />
    <label for="radio2">
       <input type="radio" name="test" value="radio2" /> Radio 2
    </label>
    <input type="text" name="for_radio2[]" class="radio2" disabled="true" />
    <input type="text" name="for_radio2[]" class="radio2" disabled="true" />
</div>

这是 js

$(document).ready(function(){
$('input[type=radio][name=test]').click(function(){
    var related_class=$(this).val();
    $('.'+related_class).prop('disabled',false);

    $('input[type=radio][name=test]').not(':checked').each(function(){
        var other_class=$(this).val();
        $('.'+other_class).prop('disabled',true);
    });
});
});