关于树形菜单 Checkbox的全选
Checkbox
body{font-size:12px;}
.panel {BORDER-RIGHT: #d4d0c8 3px double; OVERFLOW-Y: scroll; PADDING-LEFT: 5px; BORDER-TOP: #d4d0c8 2px ridge; BORDER-LEFT: #808080 2px ridge; BORDER-BOTTOM: #d4d0c8 3px double; HEIGHT: 250px}
.parent {PADDING-LEFT: 15px}
.child {PADDING-LEFT: 30px}
// CheckBoxList 选框
function chkbox(obj)
{
var chk = obj.all.tags("input");
var count = chk.length;
if (event.srcElement.tagName == "INPUT")
{
with (event.srcElement)
{
// 全选
if (parentElement.pid == "-1")
{
for (var i=0; i "0")
{
chk[0].checked = checked;
var parentObj; // 父类对象
for (var i=0; i
请选择要重新发布的商品类别
全选
房屋信息
├整套出租
├单间出租
├短期出租
├求租房屋
├房屋出售
教育培训
├语言课程
├商业课程
├证书培训
├家教辅导
├教育中介
├其它教育相关
招聘求职
├招聘信息
├求职信息
居家用品
├家用电器
├家具
├厨具
├床上用品
├其它居家相关
美食餐馆
├餐馆
├外卖服务
服饰美容
├时尚服装
├流行饰品
├包包鞋帽
├美容护肤
├其它服饰美容相关
电子通讯
├手机
├数码相机
├随身听,耳机音响
├电脑配件
├笔记本台式机
├电脑维修
├其它电子相关
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
jQuery CheckBox全选、全不选实现代码小结
直接上代码. Index $(function() { $("#CheckAll").click(function() { var flag = $(this).attr("checked"); $("[name=subBox]:checkbox").each(function() { $(this).attr("checked", flag); }) }) }) 全选 1 2 3 4 [Ctrl+A 全选 注:如需引入外部J
-
jQuery checkbox全选/取消全选实现代码
jQuery版本:1.3.2 复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_li
-
js 分页全选或反选标识实现代码
注:对多选按钮操作. 1:批量全选添加.批量移除. 2:行单选添加.移除. 3:分页之后(全选或不选)状态标识依然存在 复制代码 代码如下: /* *****>****>tr单选事件 ------------------------------------------------------------------------------------*/ $("#ajaxshowmdqhList tbody tr").live("click",funct
-
JQUERY CHECKBOX全选,取消全选,反选方法三
jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 复制代码 代码如下: $("#myform").toggleCheckboxes()//全选,取消全选,反选 $("#myform").toggleCheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform"
-
jquery 页面全选框实践代码
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全选</title> </head> <body> <div>demo <input type="button" onclick="ale
-
jQuery 全选效果实现代码
多选效果如下图 代码如下: 复制代码 代码如下: <script type="text/javascript"><!-- $(document).ready(function() { $("#selectall").click(selectAll); }); function selectAll() { var checked = $("#selectall").attr("checked"); $(&quo
-
jquery复选框CHECKBOX全选、反选
使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 复制代码 代码如下: (function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:'group_name', enabledOnly:false },options || {}); var ctrl_box=thi
-
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): 复制代码 代码如下: <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox
-
jquery checkbox全选、取消全选实现代码
复制代码 代码如下: <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1″ />1<br /> <input type="checkbox&q
-
js实现权限树的更新权限时的全选全消功能
复制代码 代码如下: // JScript 文件 function getParentByTagName(element,tagName) { var parent = element.parentNode; var upperTagName = tagName.toUpperCase(); while (parent && (parent.tagName.toUpperCase() != upperTagName)) { parent = parent.parentNode ? pare
-
js multiple全选与取消全选实现代码
复制代码 代码如下: $("select").change(function(){ var n = $(this).children().length; var obj; var i = 1; $(this).children().each(function(){ if(i == n) { alert($(this).text()); } i++; }); }); 综合以上二法,本人轻易得出了自己想要的效
-
Javascript实现CheckBox的全选与取消全选的代码
本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强. 效果图:运行查看效果: function checkAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i 字母全选开关 a b c d e f g 数字全选开关 1 2 3 [Ctrl+A 全选 注
-
比较全的JS checkbox全选、取消全选、删除功能代码
看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } functio
-
jquery checkbox全选反选效果代码
运行后查看效果,需要刷新下. jquery事件2 你最喜欢的体育运动是? 你的姓名: 足球 篮球 兵乓球 游泳 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
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=&qu
-
JQUERY复选框CHECKBOX全选,取消全选
复制代码 代码如下: <script type="text/javascript"> $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").
-
js checkbox全选并将获取值放到input里边
无标题文档 var tem = ""; function checkAll(e,itemName,thisvalue) { tem= document.getElementById("arrayid").value; var aa=document.getElementsByName(itemName); var bb=document.getElementById('arrayid'); if(e.checked==true){ tem += thisvalue+
-
Jquery CheckBox全选方法代码附js checkbox全选反选代码
jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为
-
javascript multibox 全选
复制代码 代码如下: function allselect() { try{ var checkedcount=0; for(var i=0;i<form1.orgIds.length;i++) { if(form1.orgIds[i].checked) checkedcount++; } if(checkedcount==form1.orgIds.length) { for(var i=0;i<form1.orgIds.length;i++) { form1.orgIds[i].checke
-
javascript 全选/反选,取消选择效果
其实这个效果不难做. 难做的是 如何让用户使用起来方便. 第一个checkbox实现了 全选 反选 最后个checkbox实现了 取消选择 这里只是做一个 JS实例罢了. 这段HTML并没有 实际的价值. javascript 全选/反选效果. 标题 时间 我们 2010-02-02 我们 2010-02-02 我们 2010-02-02 我们 2010-02-02 var $=function(id){return document.getElementById(id);}; var
-
Jquery 1.42 checkbox 全选和反选代码
Jquery代码 复制代码 代码如下: <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> function Checked(){ //定义函数checked $(".chk").each(function(){ //遍历html中class为ch
-
javaScript checkbox 全选/反选及批量删除
前台代码 复制代码 代码如下: <script type="text/javascript"> var a; function CheckAll(){ if(a==1) { for(var i=0;i<window.document.form1.elements.length;i++) { var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var i=0;i<window.docum
随机推荐
- Vue 2.X的状态管理vuex记录详解
- CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效
- 微信小程序实战之运维小项目
- AngularJs验证重复密码的方法(两种)
- Python编程中运用闭包时所需要注意的一些地方
- Python常用正则表达式符号浅析
- Python制作CSDN免积分下载器
- android编程之xml文件读取和写入方法
- js如何判断输入字符串长度
- PHP学习笔记(二) 了解PHP的基本语法以及目录结构
- JQuery设置和去除disabled属性的5种方法总结
- 基于jQuery插件实现点击小图显示大图效果
- JS获取IP、MAC和主机名的五种方法
- linux下导入、导出mysql数据库命令的实现方法
- python3.x上post发送json数据
- Mac VMware Fusion CentOS7配置静态IP的教程图解
- SpringMVC框架实现图片上传与下载
- 为Plesk PHP7启用Oracle OCI8扩展方法总结
- 在python中获取div的文本内容并和想定结果进行对比详解
- iOS 12中无法获取WiFi的SSID了?别慌看这里!