2

ドットネットを使用してHTML5でjqueryを使用してラジオボタンのクリックイベントを取得したい。アコーディオンパネルのいずれかのラジオボタンをクリックすると、アコーディオンパネルに2つのラジオボタンがあります。別のパネルが開くはずですが、そうではありません。私のjqueryコードは次のとおりです。

<script type="text/javascript">

$(document).ready(function () {

    $("#radioinstant").click(function () {

        $(".flip").hide();
        $(".panel").hide();
        $(".flip1").show();
        $(".panel1").show();
    });
});

しかし、ラジオボタンがクリックされているかどうかを確認できず、別のパネルを開くことができませんでした。

4

4 に答える 4

0

わからない..しかし、これを試してみてください.. $（document）.ready（function（）{

$("#youraccordionid #radioinstant").click(function (e) {
e.preventDefault(); //preventing the default behaviour of accordion

    $(".flip").hide();
    $(".panel").hide();
    $(".flip1").show();
    $(".panel1").show();
});

}）;

于 2012-06-01T09:30:50.050 に答える
0 
 $(document).ready(function()
{
    $(".flip1").click(function()
   {

         do what u want here
    });

  $(".flip2").click(function()
   {

     do what u want here
    });

 });

and keep this tags 

 <input name="rad1" type="radio" class="flip1"> radio1  </p>
 <input name="rad1" type="radio" class="flip2"> radio2  </p>
于 2012-06-01T09:32:45.820 に答える
0

#radioinstantとは何ですか？各ラジオボタンにid="radionistant"を付けると、機能しません。IDは一意である必要があり、重複したIDの結果はブラウザによって異なります。id = "radioinstant"がすべてのラジオを含む要素上にある場合、イベントがバブルアップするため機能しますが、＃radioinstant自体またはその中の他の要素をクリックすると発火することにも注意してください。

イベントを複数の要素にバインドする場合は、クラスごと（すべてのラジオに同じクラスを指定）または要素タイプごと（ページ上のすべてのラジオにバインド）でバインドします。「#containerinput：radio」または「#container.radio_class」を使用してバインディングを絞り込むこともできます。

特定の無線がチェックされているかどうかを確認することもできます。チェックボックスの場合と同じです。

if ($('.radio_1').is(':checked')) {
    //something
}
else if ($('.radio_1').is(':checked')) {
    //something else
}
//etc

$（'input：radio：checked'）を使用してチェック済みのラジオを選択し、クラスや値などをチェックすることもできます。

于 2012-06-01T09:49:55.033 に答える
-1

クリックしたラジオボタンの値を渡して、表示または非表示にしたいものを表示および非表示にする関数を記述します。

function Getvalue(id) {
        if (id == "your radio button id") {
           //do what you want
        }
        else{
            // do what you want
        }
于 2012-06-05T06:43:15.107 に答える