jquery结合javascript实现无限级checkbox的全选与取消
今天一个同事需要实现这么一个效果,于是就测试了一下,中间的逻辑用了狠长时间,不过最终还是搞出来了!代码有点臃肿,没时间优化,有用到类似功能的朋友可以自己优化一下!(需加入自己的jquery文件)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选与取消全选</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var checkInfo = function(objname){
var cobjarr;
var pobjarr;
var operate = '_'; //ID连接符
if ( typeof($('#'+objname+operate+'1').attr('id')) !== 'undefined' ){
cobjarr = $('input[id^='+objname+operate+']');
$(cobjarr).each( function(){
$(this).attr('checked',$('#'+objname).attr('checked'));
});
}
if ( objname.indexOf(operate,0) == 1 ){
var newobjarr = objname.split(operate);
var newstr = '';
for ( var i = 0; i < newobjarr.length-1; i++ ){
newstr += newobjarr[i] + operate;
}
pobjarr = $('input[id^='+newstr+']');
j = 0;
$(pobjarr).each( function(){
if ( !$(this).attr('checked') ){
j++;
}
});
var newstr1 = '';
for ( var i = 0; i < newobjarr.length-1; i++ ){
newstr1 += newobjarr[i] + operate;
newstr2 = newstr1.substr(0,newstr1.length-1);
if ( j != 0 ){
$('#'+newstr2).attr('checked',false);
}else{
$('#'+newstr2).attr('checked',true);
相关文档:
JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。
尽管JavaScript 的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器。
以下您可以看到收集的8个实用的 JavaScrip ......
window.onload= someFunction();//页面报尚未实现错误时不防用下面的试一下
window.onload = someFunction;
window.onload = function (){someFunction();};
window.onload = Function("someFunction();"); ......
JavaScript 时钟(代码):
<html>
<body onload=aaa()>
<script type="text/javascript">
var nowtime ;
var year ;
var month ,date,hours,minutes,seconds,all;
function aaa()
{
nowtime = new Date();
year = nowtime.getYear();
month = nowtime.getMonth()+1;
date = nowtim ......
<html>
<head>
<script language="javascript">
function overlay() {
xyz = document.getElementById("overlay");
&n ......