Jquery 收音机点击不显示

如何检查是否单击了单选按钮

$(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">

---

在代码

rad

中，类不是

id

，因此使用代替绑定事件

改变

到

当您单击

单选按钮时，它将处于选中状态，因此您无需再次验证它，
$（此）
表示事件源，您可以直接使用它，您的代码将是

$(".rad").click(function () {
    alert($(this).data('id'));
});

在代码
rad
中，类不是
id
，因此使用代替绑定事件


改变

到

当您单击
单选按钮时，它将处于选中状态，因此您无需再次验证它，
$（此）
表示事件源，您可以直接使用它，您的代码将是

$(".rad").click(function () {
    alert($(this).data('id'));
});

您可以按名称获取单选按钮，然后检查单击了哪个按钮。像这样,

    $(function() {
    $('input[name="default"]').click(function() {
     var getID = $(this).attr('data-id');
      alert(getID);
     });
    });

您可以按名称获取单选按钮，然后检查单击了哪个按钮。像这样,

    $(function() {
    $('input[name="default"]').click(function() {
     var getID = $(this).attr('data-id');
      alert(getID);
     });
    });

您应该首先通过类选择器而不是id选择器来选择元素，然后根据需要检查选中状态，但由于您单击了它，所以它总是会被选中

然后使用
.attr（）
方法获取
数据id
属性数据

$(document).ready(function(){
      $(".rad").click(function() {
        if($(".rad").is(":checked")) { // not necessarily needed
            alert($(this).attr('data-id')); // use data-id inside .attr()
        }
    });
});

您应该首先通过类选择器而不是id选择器来选择元素，然后根据需要检查选中状态，但由于您单击了它，所以它总是会被选中

然后使用
.attr（）
方法获取
数据id
属性数据

$(document).ready(function(){
      $(".rad").click(function() {
        if($(".rad").is(":checked")) { // not necessarily needed
            alert($(this).attr('data-id')); // use data-id inside .attr()
        }
    });
});


JQuery

$(document).on('click', '.rad', function () {
    alert($(this).attr('data-id'));
});

确保您有


备选方案-1

$(document).ready(function () {
    $('.rad').bind('click', function () {
        alert($(this).attr('data-id'));
    });
});

备选方案-2

$(document).ready(function () {
    $('.rad').click(function () {
        alert($(this).attr('data-id'));
    });    
});


JQuery

$(document).on('click', '.rad', function () {
    alert($(this).attr('data-id'));
});

确保您有


备选方案-1

$(document).ready(function () {
    $('.rad').bind('click', function () {
        alert($(this).attr('data-id'));
    });
});

备选方案-2

$(document).ready(function () {
    $('.rad').click(function () {
        alert($(this).attr('data-id'));
    });    
});

下面的答案对你有帮助吗？下面的答案对你有帮助吗？