Question

我正在使用：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，之后（$“。复选框”）。dgStyle（）;以下内容：

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

它工作正常！

但是 - 如果我这样做，它就不起作用了：

$(function() {

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

});

我试图删除：已选中，仍然无效。

也许你知道相同颜色的不同jquery自定义按钮，这可以做到吗？？

Answer 1

好的，我明白了：

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

DEMO HERE

Answer 2

您必须删除选择器上的:checked

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

的 Demo 的

注意：请确保您在元素上不使用相同的ID，这实际上是一种不好的做法，否则您将面临很多问题

jquery在变化时获得无线电价值

2 个答案: