JavaScript小特效---全选功能的实现

来源：互联网发布：消费资本论是传销知乎编辑：程序博客网时间：2024/05/17 12:21

今天我向大家分享一个全选功能的JavaScript的实现方法。有时有些地方需要我们一键全选，这样就很快捷。

下面是简单的效果图

<html><head><!--  Add to header --><script language="JavaScript"><!--function SetChecked(boxname) {f=document.form1;// change form1 if you change your form name.for( i=0 ; i<f.elements.length ; i++) {if (f.elements[i].name==boxname) {f.elements[i].checked=true;}}}//--></script></head> <body><!--  Add to Boddy --><form action="" name="form1"><input type="checkbox"  name="checkbox_name" id="checkbox_name" style="zoom:100%;">选项1<p><input type="checkbox"  name="checkbox_name" id="checkbox_name" style="zoom:180%;">选项2<p><input type="checkbox"  name="checkbox_name" id="checkbox_name" style="zoom:250%;">选项3<p></form><a href="javascript:;" onclick="SetChecked('checkbox_name');return false;">Select All</a><!--replace checkbox_name with the name of checkbox you want to select -->  </body></html>

0 0