如何使用javascript函数的auto generate id

时间:2017-05-08 04:56:29

标签: javascript html

如果我的代码中的id是自动增量的话,有人可以告诉我如何使用java脚本的每个id。 我想让基于数据库中的值自动生成的单选按钮的每个id都有自己的功能,但我只知道只使用基本id。自动增量ID仍然无法弄清楚如何检索它。

Java Script的示例(将使id自动增加并且未选中按钮):

<script>

var list1 = document.getElementsByClassName("sos");
    for (var i = 0; i < list1.length; i++) {
    list1[i].setAttribute("id", "s" + i);
}

var list2 = document.getElementsByClassName("des");
for (var i = 0; i < list2.length; i++) {
    list2[i].setAttribute("id", "d" + i);
}

function test1(){
    if(document.getElementById('s').checked){
    document.getElementById('d').checked = false;
   }
}

function test2(){
if(document.getElementById('d').checked){
    document.getElementById('s').checked = false;
   }
}

</script>

这是我的单选按钮:

<?php
   echo "<td align = 'center'>";
   echo"<input class ='sos' id='s' onchange='test();' type ='radio' name='x1'  required  value ='".$col['id_latihan']."'>";
   echo"</td>";



   echo "<td align = 'center'>";
   echo "<input class='des' id='d' onchange='test2();' type ='radio' name='x2'  required  value ='".$col['id_latihan']."'>";
   echo"</td></tr>";

?>

如果选中,我想制作单选按钮1,单选按钮2将取消选中。但该功能仅适用于第一行。自动生成的单选按钮将不起作用,因为不同的id.thanks

0 个答案:

没有答案