javascript - 基于多个单选选项显示字段

Question

我被要求仅在选择特定 radio 组合时才显示进一步的 radio 输入!这可能吗？ (从这里借用脚本:http://jsfiddle.net/wdckktz7/)

HTML

<div><input type="radio" id="option 1" name="group1" value="A" /></div>
<div><input type="radio" id="option 2" name="group2" value="B" /></div>
<div><input type="radio" id="option 3" name="group3" value="C" /></div>
<div id="combined"><input type="radio" id="option 4" name="group4" value="D" /></div>
<!--When option 2 and option 3 are checked then option 4 is revealed-->

脚本

$("input[name=group]").change(function () {
if ($(this).val() == 'A' & 'B' && $(this).is(":checked")) {
    $("#combined").show();
} else {
    $("#combined").hide();
}
});

Answer 1

监听相关 radio 输入的变化并评估是否应显示附加 radio 。

http://jsfiddle.net/rat15ba5/2/

$('[name=group1],[name=group2]').change(function() {
   var op = (
       $('[name=group1]:checked').val() == 'A' &&
       $('[name=group2]:checked').val() == '2'
   ) ? 'show' : 'hide';
   $('#a2')[op]();
});