本文介绍了一个简单的HTML表单与JavaScript交互的示例，包括如何使用JavaScript实现全选、反选功能及表单验证。通过这个例子，读者可以了解到如何在网页中动态控制表单元素的状态。
<body><form name="form1" onsubmit="return ab();"> <input type="checkbox" value="1" name="range">1<br> <input type="checkbox" value="2" name="range">2<br> <input type="checkbox" value="3" name="range">3<br> <input type="checkbox" value="4" name="range">4<br> <input type="checkbox" value="5" name="range">5<br> <input type="button" value="全选" onclick="selectAll();"> <input type="button" value="反选" onclick="unSelect();"> <input type="submit" value="提交" /></form></body><script language="javascript"> function selectAll() 
{ 
for(var i=0;i<document.form1.range.length;i++) 
{ 
document.form1.range[i].checked=true; 
} 
} function unSelect() { for(var i=0;i<document.form1.range.length;i++) { if(document.form1.range[i].checked) { document.form1.range[i].checked=false; } else { document.form1.range[i].checked=true; } } } function ab(){for(i=0;i<document.form1.range.length;i++){if(document.form1.range[i].checked){return true;}}alert('请至少选择一项！'); return false;}</script> 
扫一扫
180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
