Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.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/3/android/184.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/HTML:单选按钮的Java脚本工作不正常_Javascript_Jquery_Html - Fatal编程技术网

Javascript/HTML:单选按钮的Java脚本工作不正常

Javascript/HTML:单选按钮的Java脚本工作不正常,javascript,jquery,html,Javascript,Jquery,Html,我的java脚本和单选按钮有问题。 我想使单选按钮只能根据数据库中的id值在每行中选择一个,但在我的情况下,函数在第一行上工作,而其余的不是,因为它只返回第一行值。单选按钮是动态生成的(单选按钮行的计数基于db中的id数量) 下面是我的java脚本: function test1(){ var tes = document.getElementById('max'); var zes = document.getElementById('max1'); alert(tes.value)

我的java脚本和单选按钮有问题。 我想使单选按钮只能根据数据库中的id值在每行中选择一个,但在我的情况下,函数在第一行上工作,而其余的不是,因为它只返回第一行值。单选按钮是动态生成的(单选按钮行的计数基于db中的id数量)

下面是我的java脚本:

function test1(){
var tes = document.getElementById('max');
var zes = document.getElementById('max1');
    alert(tes.value)
   if(tes.checked){

      zes.checked = false;
      }
   }

function test2(){
var tes = document.getElementById('max');
var zes = document.getElementById('max1');
    alert(zes.value)
    if(zes.checked){

    tes.checked = false;
    }
}
这是我的单选按钮代码:

 <td align = 'center'>
 <?php
        $test = $col['id'];
        $testing = "select training.* from training inner join rekod on training.id = rekod.id where rekod.id = '$test'";
        $userx = mysql_query($testing) or die (mysqli_error());
        $u = mysql_fetch_assoc($userx);
        echo $u['id'];
        echo "<input type ='radio'  name='x' onchange='test1();' required id='max' value ='".$u['id']."'>";?>

    </td><td align='center'>
    <?php
        $te = $col['id'];
        $tes = "select training.* from training inner join rekod on training.id = rekod.id where rekod.id = '$te'";
        $us = mysql_query($tes) or die (mysqli_error());
        $ux = mysql_fetch_assoc($us);
        echo $ux['id'];

    echo "<input type ='radio' name='x1' onchange='test2();' required id='max1' value ='".$ux['id']."'>";?>
     </td>


您正在使用
document.getElementById
并试图访问多个元素,这是不正确的。如果要访问和操作多个
DOM
元素,则需要使用
document.getElementsByClassName
document.getElementsBtTagName
。在HTML页面中,您只能有一个具有唯一id的元素(两个元素的id永远不能相同)

在本例中,您使用的是一个循环,并将相同的id分配给循环中的所有元素。这就是问题所在


谢谢。

不需要JS逻辑,您必须使用单选按钮按名称分组,如果您使用循环,则在两列的单选名称中附加相同的索引,然后您的html应该如下所示:

<tr>
    <td>
      ...
      <input type="radio" name="x_1" .../>
    </td>
    <td>
      ...
      <input type="radio" name="x_1" .../>
    </td>
</tr>
<tr>
    <td>
      ...
      <input type="radio" name="x_2" .../>
    </td>
    <td>
      ...
      <input type="radio" name="x_2" .../>
    </td>
</tr>

...
...
...
...

请阅读有关

的详细信息,前提是代码不完整。。。提供HTML以及。。。依我看,您没有相应单选按钮的有效名称。。