Question

我的页面上有3个radiobutton。同一页面上还有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" />

更新：每个单选按钮只显示一个按钮。例如：如果单击Radio1，则显示按钮1，如果单击Radio 2，则显示按钮2，依此类推

Answer 1

$(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 2

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

类似的东西

Answer 3

我认为Nicky De 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>

Answer 4

你在尝试

Click()

或者

change()

应该工作：）

捕获RadioButton点击并采取行动

4 个答案: