使用JavaScript获得checkbox选中项

    这个在程序中会经常用到。以前的程序都是使用后台代码来获得用户的选择项,在客户端,可以使用JavaScript来做这个判断,减轻服务器端的负担。

   

<html>
<head>
<script language="JavaScript" type="text/javascript">
function btn_Check_onclick()
{
  
var myElement;
  
var numberOfControls=document.form1.length;
  
var compSpec="Your chosen language is  ";
  
for(var i=0;i<numberOfControls;i++)
  
{
    myElement
=document.form1[i];
    
if(myElement.type=="checkbox")
    
{
      
if(myElement.checked==true)
      
{
        compSpec
+=myElement.value+" ";
      }

    }

  }

  alert(compSpec);
}

</script>
</head>
<body>
<form name="form1">
<div>
<h1>Please choice your language:</h1>
<br/>
<p>
<table>
  
<tr>
    
<td>Java</td>
    
<td><input type="checkbox" name="chk_Java" value="Java"></td>
  
</tr>
  
<tr>
    
<td>C#</td>
    
<td><input type="checkbox" name="chk_c#" value="cSharp"></td>
  
</tr>
  
<tr>
    
<td>Python</td>
    
<td><input type="checkbox" name="chk_Python" value="Python"></td>
  
</tr>
  
<tr>
    
<td><input type="button" name="btn_Check" value="Sub_Check" onclick="return btn_Check_onclick()"></td>
  
</tr>
</table>
</p>
</div>
</form>
</body>
</html>
阅读更多
换一批

没有更多推荐了,返回首页