jquery - 单选按钮不显示

Question

如何检查单选按钮是否被单击？

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

Answer 1

在代码中，rad 是类而不是 id，因此请使用 class selector而不是id selector绑定(bind)事件。

<强> Live Demo

更改

$("#rad")

至

$(".rad")

当您单击单选按钮时，它会被检查，因此您无需再次验证它，并且$(this)代表您可以使用它的事件源直接，你的代码将是

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