Javascript/HTML:单选按钮的Java脚本工作不正常
我的java脚本和单选按钮有问题。 我想使单选按钮只能根据数据库中的id值在每行中选择一个,但在我的情况下,函数在第一行上工作,而其余的不是,因为它只返回第一行值。单选按钮是动态生成的(单选按钮行的计数基于db中的id数量) 下面是我的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)
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以及。。。依我看,您没有相应单选按钮的有效名称。。