javascript - 单选框和 JQuery

Question

这是我的 HTML 代码:

<label><input type="radio" id="fNuttig" /> Nuttig</label>
<label><input type="radio" id="fNietNuttig" /> Niet nuttig</label>
<label><input type="radio" id="fNogUitTeMakenNuttig" />Nog uit te maken</label>

这是我的 JavaScript 代码:

if ($('#fNuttig').val() == 'on') {
 nuttig = 'Nuttig';
} else if ($('#fNietNuttig').val() =='on') {
 nuttig = 'Niet nuttig';
} else if ($('#fNogUitTeMakenNuttig').val() =='on') {
 nuttig = 'Nog uit te maken';
} else {
 nuttig = 'ongeldige invoer';
}
alert($('#fNuttig').val()); // Gives 'on'
alert($('#fNietNuttig').val());  // Gives 'on'
alert($('#fNogUitTeMakenNuttig').val());  // Gives 'on'
alert(nuttig);  // Gives 'on'

按下按钮时会调用此代码。

为什么我的所有单选按钮都打开了？如果我添加“name=”标签，并使用 PHP 完成相同的操作，它确实可以工作，并且在 javascript 中，它表示我的按钮始终“打开”。

我做错了什么？

伊万

Answer 1

您想要使用 if ( $('#fNuttig').is(':checked') ) 而不是 if ( $('#fNuttig').val() ==“开”)。

$('#fNuttig').val() 只是检索 value 属性的值，无论它是否被检查。 $('#fNuttig').is(':checked') 如果已检查则返回 true，如果未检查则返回 false。