简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js全选实现和判断是否有复选框选中的方法

来源:易贤网   阅读:1604 次  日期:2015-03-13 11:04:52

温馨提示:易贤网小编为您整理了“js全选实现和判断是否有复选框选中的方法”,方便广大网友查阅!

这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:

function actionEvent(methodname){

var form = document.forms[0];

if(validateIsSelect(form.all, form.productids)){

form.action='<html:rewrite action="/control/product/manage"/>';

form.submit();

}else{

alert("请选择要操作的记录");

}

}

function allselect(allobj,items){

var state = allobj.checked;

if(items.length){

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

if(!items[i].disabled) items[i].checked=state;

}

}else{

if(!items[i].disabled) items.checked=state;

}

}

/*

* 判断是否选择了记录

*/

function validateIsSelect(allobj,items){

var state = allobj.checked;

if(items.length){

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

if(items[i].checked) return true;

}

}else{

if(items.checked) return true;

}

return false;

}

代码如下:

<INPUT TYPE="checkbox" NAME="all" onclick="javascript:allselect(this, this.form.productids)">全选</td>

代码如下:

<input name="visible" type="button" class="frm_btn" onClick="javascript:actionEvent('visible')" value=" 操作 ">

希望本文所述对大家的javascript程序设计有所帮助。

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:Jquery树插件zTree用法入门教程
下一篇:js实现单击图片放大图片的方法
易贤网手机网站地址:js全选实现和判断是否有复选框选中的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!