1

ラジオボタンがクリックされたかどうかを確認するにはどうすればよいですか?

$(document).ready(function() {
$("#rad").click(function() {
        var radio = $("#rad input:checked");
        if(radio == 0)
        {
            alert($(this).data('id'));
        }
    });
});

[html]

<input type="radio" data-id='1' name="default" class="rad" value="1">
<input type="radio" data-id='2' name="default" class="rad" value="1">
<input type="radio" data-id='3' name="default" class="rad" value="1">
<input type="radio" data-id='4' name="default" class="rad" value="1">
<input type="radio" data-id='5' name="default" class="rad" value="1">
4

4 に答える 4

5

コードradではクラスではないidため、 id セレクターの代わりにクラス セレクターを使用してイベントをバインドします。

ライブデモ

変化する

$("#rad")

に

$(".rad")

ボタンをクリックするradioたびにチェックされるため、もう一度確認する必要はなく、$(this)直接使用できるイベントのソースを表します。コードは次のようになります

$(".rad").click(function () {
    alert($(this).data('id'));
});
于 2013-03-12T04:59:55.877 に答える
0

ラジオボタンを名前で取得し、どれがクリックされているかを確認できます。このような、

    $(function() {
    $('input[name="default"]').click(function() {
     var getID = $(this).attr('data-id');
      alert(getID);
     });
    });
于 2013-03-12T05:10:02.807 に答える
0

最初にidセレクターではなくクラスセレクターを介して要素を選択する必要があります。次に、必要に応じてチェック済みステータスを確認しますが、クリックすると常にチェックされます。

その後、.attr()メソッドを使用してdata-id属性データを取得します

$(document).ready(function(){
      $(".rad").click(function() {
        if($(".rad").is(":checked")) { // not necessarily needed
            alert($(this).attr('data-id')); // use data-id inside .attr()
        }
    });
});
于 2013-03-12T05:12:34.597 に答える