0

2 つの非表示のラジオ ボタンと 1 つの表示ボタンがあります。このボタンをクリックすると、チェックされているボタンが切り替わります。

これは、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
})
4

4 に答える 4

2

デモを見る

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'));
    });
});​
于 2012-07-29T15:28:02.283 に答える
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; });        
});​

フィドル

于 2012-07-29T15:41:27.027 に答える
0 
$("#toggle").click(function(){
    $(':radio').each(function(){
        $(this).attr('checked', !$(this).attr('checked'));
    })
});
于 2012-07-29T15:33:58.253 に答える
0

試してみてください。

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

ここに作業フィドルがあります

またはこの方法でクラスを使用します。

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

ここに作業フィドルがあります

于 2012-07-29T15:41:44.423 に答える