Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正确使用单选按钮_Javascript_Jquery_Html - Fatal编程技术网

Javascript 正确使用单选按钮

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

我不知道使用单选按钮的正确方法是什么。假设我有一组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 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”应该是唯一的/不同的,“名称”应该是相同的。