您的位置：首页 > Web前端 > JavaScript

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

2017-01-04 15:13 411 查看

今天我向大家分享一个全选功能的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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航