0

ボタンがいくつかradioあり、そのうちの 1 つを選択すると、別のボタンもチェックする必要があります。

たとえば、ボタンで yes を選択すると、別radioのボタンがnoradioで自動的にチェックされる必要があります。いくつかのスクリプトを試しましたが、うまくいかないようです。

誰かが解決策を知っていますか? 私はJSが初めてです。

前もって感謝します！

4

6 に答える 6

1

　　　　　　　 　　　　　>　Live Demo　<　　　　 　　　　　　　 　

<!--HTML-->
<input type="radio" name="group_1" value="yes" id="r1">Yes<br>
<input type="radio" name="group_1" value="no" id="r2">No<br>
<br>
<input type="radio" name="group_2" value="yes" id="r3">Yes<br>
<input type="radio" name="group_2" value="no" id="r4">No<br>​

//Script
$("input[name='group_1']").click(function(){
    if(this.value=="yes"){
        $("input#r4").attr("checked",true);
    }else{
        $("input#r3").attr("checked",true);
    }
});
$("input[name='group_2']").click(function(){
    if(this.value=="yes"){
        $("input#r2").attr("checked",true);
    }else{
        $("input#r1").attr("checked",true);
    }
});​
于 2012-05-28T20:53:47.437 に答える
0

これに対する純粋なJSソリューションをモックアップしました（ライブラリなし）

<input type="radio" name="g1" value="1" />Yes
<br />
<input type="radio" name="g1" value="0" />No
<br /><br />
<input type="radio" name="g2" value="1" />Yes
<br />
<input type="radio" name="g2" value="0" />No

<script type="text/javascript">
    var g1 = document.getElementsByName('g1'); // store g1 elements
    var g2 = document.getElementsByName('g2'); // store g2 elements

    // handle click functionality
    function radio_checked_event(obj, f) {
        if(obj.addEventListener) {
            obj.addEventListener('click', f, false);
        } else if(obj.attachEvent) {
            obj.attachEvent('onclick', f);
        }
    }

    // when you click on g1 yes
    radio_checked_event(g1[0], function() {
            //set g1 no to checked
        g2[1].setAttribute('checked', 'checked');
    });
</script>
于 2012-05-28T21:09:23.107 に答える
0

あなたが何を達成しようとしているのかはよくわかりませんが、「name」属性を使用すると、これが自動的に発生します...1つのラジオをチェックすると...同じ名前の他のラジオはチェックされません。

<input type="radio" name="someoption" value="0" />0 
<input type="radio" name="someoption" value="1" />1 
<input type="radio" name="someoption" value="2" />2

上記のいずれかをチェックすると、他の 2 つのチェックが外されます。

チェックボックスや複数のオプションセットを意味する場合を除きますか？

于 2012-05-28T20:47:40.713 に答える
0

JavaScript:

$('#myradio1').bind('change', function () {
  $('#myradio3').attr('checked', 'checked');
});

html

<input type="radio" name="cols1" value="1" id="myradio1" />
<input type="radio" name="cols1" value="2" id="myradio2" />
<input type="radio" name="cols2" value="1" id="myradio3" />
<input type="radio" name="cols2" value="2" id="myradio4" />

http://jsfiddle.net/9jXbv/で実際の例を参照してください

于 2012-05-28T20:50:16.173 に答える
0

以下のような HTML マークアップの場合:

<div>
    <input type="radio" name="one" value="yes"> yes
    <input type="radio" name="one" value="no"> no
</div>

<div>
    <input type="radio" name="two" value="yes"> yes
    <input type="radio" name="two" value="no"> no
</div>

次の JavaScript コードを使用できます。

$(":radio").on("change", function() {
    var that = this;
    $(":radio").filter(function() {
        return this.value == "no" && this.name != that.name;
    }).prop("checked", true);
});​

デモ: http://jsfiddle.net/nKLMX/

于 2012-05-28T20:50:45.690 に答える
0

jquery の場合:

​$("#radio1").change(function() {
    $("#radio2").removeAttr("checked");
});​​​

http://jsfiddle.net/

于 2012-05-28T20:55:29.373 に答える