Javascript 一次选择所有单选按钮

Javascript select all radio button by once

本文关键字：选择 单选按钮 一次 Javascript      更新时间：2023-09-26

我有以下 php 表，其中存在 2 个单选按钮。一个是现在的学生，另一个是缺席的学生。所以现在有一个选项可以选择所有单选按钮一次，但ti选择所有右侧和左侧单选按钮。我只想选择左侧单选按钮，即全部存在。可能是javascript功能不正确。

$action = htmlspecialchars($_SERVER['PHP_SELF'])."?class=$class_from";  
echo "<form method='post' action='$action' name='attendence'/>";
echo "<table width='100%' cellpadding='0' cellspacing='0' border='0'>";
echo "<tr>";
echo "<td class='tdhead' valign='top' width='200'><b>Student Name</b></td>";    
echo "<td class='tdhead' valign='top' width='250'><b>Roll No</b>
</td>";             
echo "<td class='tdhead' valign='top' width='250'><b>Class Name</b>
</td>";             
echo "<td class='tdhead' valign='top' width='200'><b>Present student / absence student</b>
</td>";                 
echo "<td class='tdhead' valign='top' width='200'>
Present All <input type= 'checkbox' onclick='checkAll( this )'</td>";
echo "</tr>";
//start the counter variable
$counter = 1;
while ( $res2 = mysql_fetch_array( $sql2 ) ) {
   $id = (int) $res2['id'];
   $sname = inputvalid( $res2['sname'] );
   $roll = inputvalid( $res2['roll'] );
   $class = inputvalid( $res2['class'] );
   echo "<tr>";
   echo "<td class='tdhead2' valign='top'>$sname</td>";
   echo "<td class='tdhead2' valign='top'>$roll</td>";
   echo "<td class='tdhead2' valign='top'>$class</td>";
   echo "<td class='tdhead2' valign='top'>";
   //echo each radio with the counter for this row
   echo "<input type='radio' name='ch[$roll][$sname][$class]' value='1' />&nbsp;";
   echo "<input type='radio' name='ch[$id][$sname][$class]' value='0' />";
   echo "</td>";
   echo "<td class='tdhead2' valign='top'>&nbsp;</td>";
   echo "</tr>";
   //add one to the counter
   $counter++;
}
echo "<tr>";                
echo "<td class='tdhead2'>&nbsp;</td>";
echo "<td class='tdhead2'>&nbsp;</td>";
echo "<td class='tdhead2'>&nbsp;</td>";             
echo "<td class='tdhead2'>&nbsp;</td>";
echo "<td class='tdhead2'><input type='submit' value='Record' name='Submit' 
class='submit' /></td>";                
echo "</tr>";               
echo "</table>";
echo "</form>";

if ( isset( $_POST['Submit'] ) && $_POST['Submit'] == "Record" ) {
   if ( isset( $_POST['ch'] ) ) {
       $ch = array_filter($_POST['ch']);
       if ( empty( $ch ) ) {
          echo "<div class='error>Select attendence field. </div>";   
       }
   }
   if ( count( $ch ) == 0 ) {
       echo "<div class='error>Select attendence field. </div>";    
   } else {     
       foreach ( $_POST['ch'] as $roll => $arr1 ) {
       $roll;
       foreach ( $arr1 as $name => $arr2 ) {
           $name;
           foreach ( $arr2 as $class => $value ) {
              $class;
              $value;
              $sql = mysql_query("INSERT INTO e_attendence VALUES('', '$name', '$roll', '$class', '$value', '$current_date')");
           }
       }
    }
}
if ( $sql )         
   echo "<div class='success'>Succesfully recorded.   
</div>";                                    
}

Javascript 代码：

<script language="javascript">
   function checkAll( master ) {
       var checked = master.checked;
       var col = document.getElementsByTagName("INPUT");
       for ( var i = 0; i < col.length; i++ ) {
           col[i].checked= checked;
       }
   }
</script>

对于 JavaScript，请使用以下内容：-

first modify the "radio" button code with below:-
echo "<input type='radio' name='ch[$roll][$sname][$class]' class='pres' value='1' />&nbsp;";
echo "<input type='radio' name='ch[$id][$sname][$class]' class='abse' value='0' />";

现在在下面的JavaScript下用于所有左侧"无线电"

function checkall(el){
var ip = document.getElementsByClassName('pres'), i = ip.length - 1;
for (i; i > -1; --i){
    if(ip[i].type && ip[i].type.toLowerCase() === 'checkbox'){
        ip[i].checked = el.checked;
    }
}
}

并在下面用于所有"右侧收音机"：-

function checkall(el){
var ip = document.getElementsByClassName('abse'), i = ip.length - 1;
for (i; i > -1; --i){
    if(ip[i].type && ip[i].type.toLowerCase() === 'checkbox'){
        ip[i].checked = el.checked;
    }
}
}
相关文章：