Javascript 正确使用单选按钮
我不知道使用单选按钮的正确方法是什么。假设我有一组3个单选按钮:如果所有单选按钮都具有相同的id/名称,它将正常工作,只能检查其中一个:Javascript 正确使用单选按钮,javascript,jquery,html,Javascript,Jquery,Html,我不知道使用单选按钮的正确方法是什么。假设我有一组3个单选按钮:如果所有单选按钮都具有相同的id/名称,它将正常工作,只能检查其中一个: <label for="input-rb1" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb1"><label for="input-rb1" class="radio-label">First radi
<label for="input-rb1" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb1"><label for="input-rb1" class="radio-label">First radiobutton</label>
<label for="input-rb1" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb1"><label for="input-rb1" class="radio-label">Second radiobutton</label>
<label for="input-rb1" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb1"><label for="input-rb1" class="radio-label">Third radiobutton</label>
第一个单选按钮
第二个单选按钮
第三个单选按钮
这种方法的问题是,我不知道如何确定检查哪一个,因为它们都有相同的名称/id
另一种方法是使用不同的名称/ID:
<label for="input-rb1" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb1"><label for="input-rb1" class="radio-label">First radiobutton</label>
<label for="input-rb2" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb2"><label for="input-rb2" class="radio-label">Second radiobutton</label>
<label for="input-rb3" ></label><input class="radio-input" type="radio" id="input-rb1" name="input-rb3"><label for="input-rb3" class="radio-label">Third radiobutton</label>
第一个单选按钮
第二个单选按钮
第三个单选按钮
通过这种方式,我知道如何使用JQuery来知道选中了哪一个,但它将允许用户选择多个收音机,就像选中复选框一样
如何解决这个难题
谢谢 首先,“id”的值对于每个元素都应该是唯一的。组中所有元素的name属性可以(也应该)相同
然后,要获取已检查无线电使用的值:
$('input[name=name\u of_your\u radiobutton]:选中)'.val()代码>首先,“id”的值对于每个元素都应该是唯一的。组中所有元素的name属性可以(也应该)相同
然后,要获取已检查无线电使用的值:
$('input[name=name\u of_your\u radiobutton]:选中)'.val()代码>第二种方法是错误的,单选按钮中的名称用于将它们分组到同一类中,只能选择其中一个
只需使用以下脚本-
$('input[name="input-rb1"]:checked').val();
避免在javascript中使用连字符,而应使用u如果可能的话第二种方法是错误的,单选按钮中的名称用于将它们分组到同一类中,只能选择其中一个
只需使用以下脚本-
$('input[name="input-rb1"]:checked').val();
避免在javascript中使用连字符,而应尽量使用u只有单选按钮的名称应相同,id是元素中唯一的属性。您应该使用不同的ID,也可以使用value属性来分配值。代码如下所示
<form action="">
<input type="radio" id="1" name="gender" value="male"> Male<br>
<input type="radio" id="2" name="gender" value="female"> Female<br>
</form>
只有单选按钮的名称应该相同,id是元素中唯一的属性。您应该使用不同的ID,也可以使用value属性来分配值。代码如下所示
<form action="">
<input type="radio" id="1" name="gender" value="male"> Male<br>
<input type="radio" id="2" name="gender" value="female"> Female<br>
</form>
id
是一个关键字,可用于查找页面上的特定元素
<input type="radio" id="radio1">one
<input type="radio" id="radio2">two
1
二
1
两个一个id
是一个关键字,可用于查找页面上的特定元素
<input type="radio" id="radio1">one
<input type="radio" id="radio2">two
1
二
1
两个
的可能重复项永远不要给多个元素一个id。这是id的要点。可能重复项永远不要给多个元素一个id。这是id的要点。我不明白,id应该是唯一的,但名称应该是不同的?组中所有收音机的“id”应该是唯一的/不同的,“名称”应该是相同的。我不明白,id应该是唯一的,但名称应该是不同的?组中所有收音机的“id”应该是唯一的/不同的,“名称”应该是相同的。