怎么用循环给表单内每个checkbox加个事件
日期：2014-05-16 浏览次数：20362 次
如何用循环给表单内每个checkbox加个事件
<html>
<head>
<title> </title>
</head>
<body>
<span class= "STYLE1 "> 欢迎订阅时事通讯： </span> <br />
<br />
请选择您要订阅的时事通讯： <br />
<form id= "form1 " name= "form1 " method= "post " action= " ">
<label>
<input type= "checkbox " name= "C " value= "C " />
C </label>
<br />
<label>
<input type= "checkbox " name= "C++ " value= "C++ " />
C++ </label>
<br />
<label>
<input type= "checkbox " name= "C# " value= "C# " />
C# </label>
<br />
<label>
<input type= "checkbox " name= "JAVA " value= "JAVA " />
JAVA </label>
<br />
<label>
<input type= "checkbox " name= "VB " value= "Visual Basic " />
Visual Basic </label>
<br />
<label>
<input type= "checkbox " name= "ORC " value= "Oracle " />
Oracle </label>
<br />
<label>
<input type= "checkbox " name= "SQL " value= "Sql Server " />
SQL Server </label>
<br />
<label>
<input type= "text " name= "textfield " />
</label>
<br />
<br />
</form>
<script language= "javascript " type= "text/javascript ">
for (var i=0;form1.checkbox.length;i++) { //这里取表单中checkbox个数应该有问题
if (checkbox[i].type= "checkbox "){
checkbox[i].onclick=function() {
if(this.checked==true){
form1.textfield.value= "你选中了 "+form1.checbox[i].value+ "语言选项。 ";
} else {
form1.textfield.value= "你取消了 "+form1.checbox[i].value+ "语言选项。 ";
}
}
}
}
</script>
</body&
<html>
<head>
<title> </title>
</head>
<body>
<span class= "STYLE1 "> 欢迎订阅时事通讯： </span> <br />
<br />
请选择您要订阅的时事通讯： <br />
<form id= "form1 " name= "form1 " method= "post " action= " ">
<label>
<input type= "checkbox " name= "C " value= "C " />
C </label>
<br />
<label>
<input type= "checkbox " name= "C++ " value= "C++ " />
C++ </label>
<br />
<label>
<input type= "checkbox " name= "C# " value= "C# " />
C# </label>
<br />
<label>
<input type= "checkbox " name= "JAVA " value= "JAVA " />
JAVA </label>
<br />
<label>
<input type= "checkbox " name= "VB " value= "Visual Basic " />
Visual Basic </label>
<br />
<label>
<input type= "checkbox " name= "ORC " value= "Oracle " />
Oracle </label>
<br />
<label>
<input type= "checkbox " name= "SQL " value= "Sql Server " />
SQL Server </label>
<br />
<label>
<input type= "text " name= "textfield " />
</label>
<br />
<br />
</form>
<script language= "javascript " type= "text/javascript ">
for (var i=0;form1.checkbox.length;i++) { //这里取表单中checkbox个数应该有问题
if (checkbox[i].type= "checkbox "){
checkbox[i].onclick=function() {
if(this.checked==true){
form1.textfield.value= "你选中了 "+form1.checbox[i].value+ "语言选项。 ";
} else {
form1.textfield.value= "你取消了 "+form1.checbox[i].value+ "语言选项。 ";
}
}
}
}
</script>
</body&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
