jQuery .val（）为单选按钮返回undefined

Question

我想在jQuery中获取已检查的单选按钮值。但它将值返回为“未定义”。我搜索了这个问题的解决方案，但没有任何对我有用。

我的HTML代码。

<label><input type="radio" class="service" name="service" id="all-service" value="all-service"> All Service</label><br>
<label><input type="radio" class="service" name="service" id="electrician" value="Electrician"> Electrician</label><br>
<label><input type="radio" class="service" name="service" id="painter" value="Painter"> Painter</label><br>
<label><input type="radio" class="service" name="service" id="photo and video coverage" value="Photo and Video Coverage"> Photo and Video Coverage</label>

我的Jquery代码..

$(document).ready(function() {
    $(".service").change(function() {
        alert($(".service :checked").val());
    });
});

这是问题的fiddle ..

Answer 1

classname与:checked属性

之间不应有任何空格

 $(".service").change(function() {
        alert($(".service:checked").val());
    });

Fiddle

Answer 2

$(document).ready(function() {
    $(".service").change(function() {
        alert($(this).val());
    });
});

Link to Fiddle

Answer 3

删除.service和:

之间的额外空格

alert($(".service:checked").val());