捕获RadioButton单击并采取行动

Question

我的页面上有3个单选按钮。在同一页面上也有3个按钮。我想在点击每个按钮时显示不同的按钮。

<input id="Radio1" type="radio" name="grp1" class="abc" /> 
<input id="Radio2" type="radio" name="grp1" class="abc" /> 
<input id="Radio3" type="radio" name="grp1" class="abc" /> 

更新：只有一个按钮以显示对应于每个无线电button..For例如：如果收音机1被点击显示按钮1，如果收音机2被点击显示按钮2等

Answer 1

你是不是想

Click() 

也许

change() 

应该工作:)

Answer 2

$(function() { // at dom ready 
    $('input.abc').change(function() { // on radio's change event 
    $('.buttons-to-hide-class').hide(); // hide buttons 
    $('#button-to-show-id').show(); // show desired button 
    }); 
}); 

Answer 3

$('#Radio1').click(function() { $('#button1').value = 'new value'; }); 

类似的东西

Answer 4

我认为尼克德Maeyer是在暗示比较好，而且我敢肯定有一个更好的方式来这样的代码，但：

脚本

$(function() { 
    //hide all the buttons when the page loads 
    $('.def').hide(); 
    //add an onchange function to each radiobutton 
    $('input.abc').change(function() { 
     //hide all the other buttons 
     $('.def').hide(); 
     //construct the ID of the button to show and show it 
     $('#' + this.id + '-Button').show() 
     }); 
    }); 

HTML

<input id="Radio1" type="radio" name="grp1" class="abc" /> 
<input id="Radio2" type="radio" name="grp1" class="abc" /> 
<input id="Radio3" type="radio" name="grp1" class="abc" /> 

<input id="Radio1-Button" type="button" value="1" class="def" ></input> 
<input id="Radio2-Button" type="button" value="2" class="def" ></input> 
<input id="Radio3-Button" type="button" value="3" class="def" ></input>