如何使用JavaScript检查“组”中的特定广播框

如何使用JavaScript检查“组”中的特定广播框,javascript,html,Javascript,Html,我有一个广播框组,我需要使用javascript选择一个给定的广播框,在下面的例子中,我必须选择值为D3的选项 <input type="radio" name="day" id="day" value="D1" />D1 <input type="radio" name="day" id="day" value="D2" />D2 <input type="radio" name="day" id="day" value="D3" />D3 <inpu

我有一个广播框组,我需要使用javascript选择一个给定的广播框,在下面的例子中,我必须选择值为D3的选项

<input type="radio" name="day" id="day" value="D1" />D1
<input type="radio" name="day" id="day" value="D2" />D2
<input type="radio" name="day" id="day" value="D3" />D3
<input type="radio" name="day" id="day" value="D4" />D4

例如,如何检查第三个选项?

通常,您会使用document.getElementById'day'.val或jQuery'day'.val。也就是说,如果它们有不同的ID。如果它们共享id,我不确定您是否可以使用document.getElementById,因为它假定id不同,但是

jQuery('#day')[3].val()

可能会起作用,因为jQuery实际上返回了一个与criteia匹配的元素数组

请确保将此无线组放入表单中,并将thenameoff表单更改为表单的名称

<form name="theNameOfTheForm">
..
..
..
</form>
java脚本函数:

<script type="text/javascript">

function select_radio_value(theValue)
{
for (var i=0; i < document.theNameOfTheForm.day.length; i++)
   {
   if (document.theNameOfTheForm.day[i].value == theValue)
      {
         document.theNameOfTheForm.day[i].checked = true;
      }
   }
}
</script>
现在,您可以将其用作任何事件的js函数。例如:

<input type='button' name='c3' value='Click Here to check the D3 radio' onClick="javascript:select_radio_value('D3')">
从每个复选框中删除唯一ID。一个页面上应该只有一个唯一的ID

在JavaScript中,使用以下内容访问此组中的第三个复选框,并将其设置为选中:

或者,您可以简单地将checked=checked添加到HTML中

function selectRadio(toBeSelectedRadioIndex)
{
    var radioElements = document.getElementById('day');
    radioElements[toBeSelectedRadioIndex].checked = true;
}
在许多情况下,元素需要有不同的Id名称。 然后,您可以为它们指定相同的名称,并改用getElementsByTagName。 代码看起来像

function selectRadio(toBeSelectedRadioIndex)
{
    var radioElements = document.getElementsByTagName('day');
    radioElements[toBeSelectedRadioIndex].checked = true;
}

我会给单选按钮不同的ID,然后执行以下操作:

d3.select("input#thirdRadio").property("checked", "true");

你确定他们都有相同的名字和id吗?如果他们都有相同的名字,为什么不使用收音机?复选框组已创建用于多选。通过具有相同的id,它们将组成一个组。我做错了吗?对不起,我做错了。是收音机。我将编辑我的问题。我的表单包含的字段比示例中显示的多。这似乎不是正确的方法。嗯,我想避免任何循环。无论如何,它是有效的&谢谢。就我而言,我不知道我要选择的选项的索引。我只知道它的值,比如D1或D4或N1或N2等等,我不知道指数。我知道它的价值。我需要根据提供的值而不是索引选中该框。
d3.select("input#thirdRadio").property("checked", "true");