2

私は使用しています: http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

簡単なコード:

<input type="radio" id="a1" class="b1" name="shipping" checked value="single">
<input type="radio" id="a1" class="b1" name="shipping" value="married">
<input type="radio" id="a1" class="b1" name="shipping" value="widowed">

単純な頭:

$(document).ready(function(){
    $(".radio").dgStyle();
    $(".checkbox").dgStyle();

});

$(document).ready に追加すると、 ($".checkbox").dgStyle(); の後に追加されます。以下：

alert($('input:radio[name=shipping]:checked').val());

それはうまくいきます！

しかし - 私がそのようなことをすると、うまくいきません:

$(function() {

    $("input:radio[name=shipping]:checked").change(function() {
        alert("123");
    });

});

:checked を削除しようとしましたが、まだ機能していません。

  • 同じ色のさまざまなjqueryカスタムボタンを知っているかもしれません..？
4

2 に答える 2

6

わかりました、私はこれを得ました：

$(".radio").click(function() {        
    alert('ID : ' + $(this).find('input:radio').prop('id'));
    alert('Value : ' + $(this).find('input:radio').prop('value'));
});

デモはこちら

于 2012-12-30T18:03:28.643 に答える
3

:checkedセレクターの を削除する必要があります

$(function() {
    $("input:radio[name=shipping]").change(function() {
        alert('123');
    });
});

デモ

注：要素に同じIDを使用しないようにしてください。これは本当に悪い習慣です。そうしないと、多くの問題に直面します

于 2012-12-30T16:22:08.883 に答える