javascript - 切换两个隐藏单选按钮的最佳方法是什么？

Question

我有两个隐藏的单选按钮和一个可见的按钮。单击此按钮应切换选中的按钮。

我可以使用 if 语句来实现这一点，只需设置单选按钮 (ID) = 检查。

但是如何用最少的代码来实现呢？

更新
为了满足那些除了抱怨缺少代码之外无事可做的人。尽管如此，我不明白这会使问题变得更多constructive。

<div class="switch">
    <input id="check1" type="radio" name="search" class="rbtn-search" checked="checked" value="brand" />
    <input id="check2" type="radio" name="search" class="rbtn-search" checked="" value="store" />
</div>


$('.switch').click(function(){
  // Switch the radio buttons here
})

Answer 1

见演示

HTML

<div id="container">
  ​&lt;input type="radio" checked="checked">
  <input type="radio">
  <a class="button" href="#">button</a>
</div>

JavaScript

$('#container .button').click(function () {
    $('#container :radio').each(function () {
      $(this).attr('checked', !$(this).attr('checked'));
    });
});​

Answer 2

你可以使用地图：

 <input type="radio" checked="checked">
 <input type="radio">
 <a id="btn">I'm a bbutton</a>​


jQuery("#btn").click(function() {
    jQuery(":radio").map(function() { this.checked = !this.checked; });        
});​

小提琴

Answer 3

$("#toggle").click(function(){
    $(':radio').each(function(){
        $(this).attr('checked', !$(this).attr('checked'));
    })
});

Answer 4

你可以试试；

$('#button').click(function () {
    $(':radio').each(function () {
        $(this).attr('checked', !$(':radio').attr('checked'));
    });
});

这是工作小提琴

或以这种方式使用类；

$('#button').click(function () {
    $('.radiobtn').each(function () {
        $(this).attr('checked', !$('.radiobtn').attr('checked'));
    });
});

这是工作小提琴