0

私のクエリをstackoverflowに投稿するのはこれが初めてです。私は 1 つのフォームを作成しましたが、フォームにはいくつかの都市のドロップダウンがあります。ドロップダウンで、ラジオボタンの変更関連グループが表示されます。すべてのラジオ ボタンは「preferred_location」と同じ名前です。

ラジオボタンを選択すると、1つのチェックボックスをCHECKEDとしてマークしたいと思います。ネットで利用可能な多くのオプションを試しましたが、それらはシンプルに聞こえ、デモでは機能しますが、コードでは機能しません。確認するために、コードサンプルを以下に投稿しました。

Jquery スクリプト

$(document).ready(function(){
        $("#address input[name*='redio']").click(function() {
            $('#note').removeClass("inactive").addClass("active");
        });  
    });

ドロップダウンの変更時にラジオボタングループを表示するには、以下のコードを使用しています

if(valuecheckdrop == "Coimbatore"){ 
   $("#address").html("<h2>Select date of info session:</h2>",
       "<p>",
       "<input type='radio' name='preferred_location' value='Radio1' class='redio' /> Radio1",
       "</p>",
       "<p class='sub'>address</p>",
       "<p class='option'>",
           "<input type='radio' name='preferred_location' value='Radio2'  class='redio' />Radio2",
       "</p>",
       "<p class='sub'>Address2</p>");
}

ドロップダウンでラジオボタンの変更グループが表示されますが、ラジオボタンをクリックしても何も起こりません。

ドロップダウンの変更イベントでラジオボタンを呼び出しているからですか？どんな助けでも大歓迎です。

4

2 に答える 2

0 
   $(document).ready(function () {
                $("#graduate").change(function () {
                    var valuecheckdrop = $("#graduate").val();
                     $('#cbTest').prop('checked', false);
                    if (valuecheckdrop == "") {
                        $("#note").show();

                        //$("#address").removeClass("addresson").addClass("addressoff");
                        //Or
                        $("#address").html('');

                    } else {
                        $("#note").hide();

                        //$("#address").removeClass("addressoff").addClass('addresson');

                        switch (valuecheckdrop) {
                            case 'Bangalore':
                                $("#address").html("<h2>Select date of info session:</h2><p><input type='radio' name='preferred_location' value='June 2, 2012, Sat 11am - 1pm The Presidency, No. 1 St Marks Road' class='redio' /> June 2, 2012 <span>(Sat 11am - 1pm)</span></p><p class='sub'>The Presidency, No. 1 St Marks Road</p><p class='option'><input type='radio' name='preferred_location' value='June 2, 2012, Sat 3pm - 5pm Manipal Center, Dickenson Road' class='redio' /> June 2, 2012 <span>(Sat 3pm - 5pm)</span></p><p class='sub'>Manipal Center, Dickenson Road</p><p class='option'><input type='radio' name='preferred_location' value='June 3, 2012, Sun 12noon - 5pm Taj Gateway Hotel, Residency Road' class='redio' />June 3, 2012 <span>(Sun 12noon - 5pm)</span></p><p class='sub'>Taj Gateway Hotel, Residency Road</p><p class='option'><input type='radio' name='preferred_location' value='June 4, 2012, Mon 11am - 1pm S&B Towers, MG Road' class='redio' />June 4, 2012 <span>(Mon 11am - 1pm)</span></p><p class='sub'>S&B Towers, MG Road</p>");
                                break;
                            case 'Chandigarh':
                                $("#address").html("<h2>Select date of info session:</h2><p><input type='radio' name='preferred_location' value='May 26, 2012, Sat 10:30am - 5:30pm The Park Hote, Anna Salai' class='redio' /> May 26, 2012 <span>(Sat 10:30am - 5:30pm)</span></p><p class='sub'>The Park Hote, Anna Salai</p><p class='option'><input type='radio' name='preferred_location' value='May 28, 2012, Mon 1pm - 3pm No. 16, Nungambakkam' class='redio' />May 28, 2012<span>(Mon 1pm - 3pm)</span></p><p class='sub'>No. 16, Nungambakkam</p><p class='option'><input type='radio' name='preferred_location' value='May 28, 2012, Mon 10am - 12noon Sindur Shopping Centre, Anna Nagar' class='redio' /> May 28, 2012 <span>(Mon 10am - 12noon)</span></p><p class='sub'>Sindur Shopping Centre, Anna Nagar</p>");
                                break;
                        }

                        //$("#address").find(':radio:first').prop('checked', true);
                    }
                });

                $("#graduate").trigger('change');

                $("#address").find(':radio').live('click', function (e) {
                    $('#cbTest').prop('checked', $("#address").find(':radio:checked').length > 0);
                });
            });​
于 2012-05-23T10:59:15.973 に答える
0

これを試して

$(document).ready(function(){
    $("#address input[name*='radio']").on('click',function() {
        $('#note').removeClass("inactive").addClass("active");
    });
});
于 2012-05-23T11:00:35.370 に答える