javascript - jQuery 单选按钮 "checked"属性未触发

Question

我试图根据用户检查的单选按钮向 div 添加文本，但无论检查哪个属性，它最终都会触发“else” block ，并且每次都显示“女性”。

请帮忙!

<input type="radio" name="gender" class="gender" id="male" value="male">Male<br />
<input type="radio" name="gender" class="gender" id="female" value="female">Female<br />

$(".gender").change(function () {                 
if ($("#male").attr("checked")) {
        $("#content").text("male");
    }
    else {
        $("#content").text("female");
    }
});

Answer 1

使用 .prop('checked') 而不是 .attr('checked')。后者基于 HTML 属性，该属性始终为 false，因为它不在 DOM 中。 .prop 可用于检查 DOM 中可能不可见的属性更改。

http://jsfiddle.net/Xxuh8/