チェックボックスの変更イベントでチェックされたラジオボタン

チェックボックスでラジオボタンをチェックしたりチェックを外したりするには、をクリックします。チェックボックスをオンにするとラジオボタンもチェックされ、その逆もチェックされます。

<input type="checkbox" id="Check" />SelectAll
<input type="radio"/>First
<input type="radio"/>Second
<input type="radio"/>Third
<input type="radio"/>Fourth
<input type="radio"/>Fifth</div> <script> var IsCheck = false; $(document).ready(function() { $("#Check").change(function() { if (IsCheck == false) { $("input[type=radio]").attr("checked", true); IsCheck == true } else { $("input[type=radio]").attr("checked", false); IsCheck == false } }); }); </script>
1
私はラジオが正しい選択だと思っていません。 en.wikipedia.org/wiki/Radio_button 通常は1つだけですグループ内のオプションが選択されている
追加された 著者 HMR,
(重要)サイドノート: var IsCheck = false; </html>はは悪いことです。 JavaScriptコードを自己呼び出し関数内にラップします。
追加された 著者 Rudolph Gottesheim,
そのためにラジオボタンを使用しないでください
追加された 著者 Jonathan,

6 答え

このステートメントの変数に代入するのではなく、単にオペランドを比較していたことに注意してください。

IsCheck == true  
         ^------ REMOVE ONE = so it's an assignment

また、 .attr( "checked"、true); を使用しないでください。正しい形式は次のとおりです。

$("input[type=radio]").attr("checked", 'checked'); //checking for jQuery < 1.6

チェックをはずす:

$("input[type=radio]").removeAttr("checked");  //unchecking for jQuery < 1.6

If you are using jQuery > 1.6 you can use the .prop() method with a boolean, which is similar to how you were trying to use it:

$("input[type=radio]").prop("checked", true); //checking for jQuery >= 1.6
$("input[type=radio]").prop("checked", false); //unchecking for jQuery >= 1.6
3
追加された

jQuery 1.9以降では

$('input[type=radio]').prop("checked", true)

そうでなければ

 $('input[type=radio]').attr('checked', 'checked');
2
追加された

あなたはただこれが必要です

$("#Check").change(function() {
    $("input[type=radio]").prop("checked", this.checked);
});

Demo ----> http://jsfiddle.net/kLnyD/

1
追加された
$( "input [type = radio]")+1最も効果的なコードで、最初に小道具を使う
追加された 著者 HMR,
ラジオボタンをチェックボックスとして使用する場合は-1
追加された 著者 Jonathan,
はい、最高のコードで-1を取り消します...
追加された 著者 Jonathan,

あなたの質問のために、これは答えかもしれません:

$("#Check").change(function() {
    $("input:radio").prop("checked", this.checked);
});

Demo : http://jsfiddle.net/hungerpain/QSx29/

つまり、ラジオボタンはこれを行う最善の方法ではありません。それは意味上正しいものではありません。グループ内でラジオボタンを1つだけ選択できます。代わりにチェックボックスを使用してみてください。マークアップを変更してみてください:

<input type="checkbox" id="Check" />SelectAll

<input type="checkbox" />First
<input type="checkbox" />Second
<input type="checkbox" />Third
<input type="checkbox" />Fourth
<input type="checkbox" />Fifth</div>

And replace the JS code to this :

$("#Check").change(function() {
    $("input:checkbox").prop("checked", this.checked);
});

Here's a demo : http://jsfiddle.net/hungerpain/QSx29/1/

1
追加された

これを試して

 $(document).ready(function() {                    
    $("#Check").change(function() {                        
      $("input[type=radio]").attr("checked", $("#Check").is(":checked"));                            
    });
 });

デモ

1
追加された
ありがとう...それは働いた...
追加された 著者 S. S. Rawat,

これを試して

http://jsfiddle.net/4u9sQ/

 $("#Check").change(function() {
                        if ($(this).is(':checked')) {
                            $("input[type=radio]").prop("checked", true);

                        }
                        else { $("input[type=radio]").prop("checked", false); }
                    });
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript