手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS小功能(checkbox实现全选和全取消)实例代码
JS小功能(checkbox实现全选和全取消)实例代码
摘要:效果:代码:复制代码代码如下:window.onload=function(){varckall=document.getElementBy...

效果:

JS小功能(checkbox实现全选和全取消)实例代码1

JS小功能(checkbox实现全选和全取消)实例代码2

代码:

复制代码 代码如下:

<head runat="server">

<title></title>

<script type="text/javascript">

window.onload = function () {

var ckall = document.getElementById('ck1');

var ck = document.getElementsByName('name1');

ckall.onclick = function () {

for (var i = 0; i < ck.length; i++) {

if (ckall.checked == true) {

ck[i].checked = true;

}

else {

ck[i].checked = false;

}

}

}

};

</script>

</head>

<body>

<form id="form1" runat="server">

<input type="checkbox" id="ck1" />

全选

<div id="div1">

<input type="checkbox" name="name1" />

<input type="checkbox" name="name1" />

<input type="checkbox" name="name1" />

<input type="checkbox" name="name1" />

<input type="checkbox" name="name1" />

<input type="checkbox" name="name1" />

</div>

</form>

</body>

【JS小功能(checkbox实现全选和全取消)实例代码】相关文章:

javascript实现淡蓝色的鼠标拖动选择框实例

JavaScript实现身份证验证代码

CheckBox 如何实现全选?

实现DIV圆角的JavaScript代码

获取阴历(农历)和当前日期的js代码

JS实现简洁、全兼容的拖动层实例

javascript中CheckBox全选终极方案

JQuery中层次选择器用法实例详解

JS函数实现鼠标指向图片后显示大图代码

jquery实现的判断倒计时是否结束代码

精品推荐
分类导航