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");
    });

});

我试图删除：检查，仍然无法正常工作。

  • 也许您知道相同颜色的不同 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 回答