input选择框 勾选 不勾选 数组的操作
来源:互联网 发布:北京婚纱摄影 知乎 编辑:程序博客网 时间:2024/06/09 23:24
$(function(){
$(".st_tree").SimpleTree({
/* 可无视代码部分*/
click:function(a){
if(!$(a).attr("hasChild"))
console.log($(a).attr("ref"));
}
});
var num=0;
var arr=[];
var oBox= $(".part")
/*$(".st_tree li").click(function(){
num=num+1;
arr.push($(this).text());
console.log("arr");
$(".g-mailinp").val(arr);
console.log(num)
console.log($(".g-mailinp").val())
console.log($(this).text());
})*/
oBox.click(function(){
if(this.checked){
console.log($(this).parent().text())//选中后需要执行的方法
arr.push($(this).parent().text());
$(".g-mailinp").val(arr);
console.log(arr.length)
} else{
//删除未被勾选的元素
//遍历勾选的元素
arr.pop($(this).parent().text());
$(".g-mailinp").val(arr);
console.log("未选中") //未选中事件
}
})
});
</script>
<div class="st_tree">
<ul>
<li>组织机构栏目</li>
<li>公司一</li>
<ul show="true">
<li>部门一</li>
<li>部门二</li>
</ul>
<li>公司二</li>
<ul>
<li>部门一</li>
<li>部门一</li>
<li>部门三</li>
<ul>
<li><input type="checkbox" id="" value="option1" class="part">角色一</li>
<li>小分队2</li>
<ul>
<li><input type="checkbox" id="" value="option1" class="part">角色2</li>
<li>小分队2-2</li>
<ul>
<li><input type="checkbox" id="" value="option1" class="part">角色3</li>
<li>小分队2-2-2</li>
<ul>
<li><input type="checkbox" id="" value="option1" class="part">角色4-1-1-1</li>
<li><input type="checkbox" id="" value="option1" class="part">角色4-2-2-2</li>
<li><input type="checkbox" id="" value="option1" class="part">角色4-1-1-1</li>
<li><input type="checkbox" id="" value="option1" class="part">角色4-2-2-2</li>
<li><input type="checkbox" id="" value="option1" class="part">角色4-1-1-1</li>
<li><input type="checkbox" id="" value="option1" class="part">角色4-2-2-2</li>
</ul>
</ul>
</ul>
</ul>
</ul>
</ul>
</div>
</div>
<script src="style/js/SimpleTree.js"></script>
- input选择框 勾选 不勾选 数组的操作
- input checkbox 复选框的操作示例
- input 下拉框 与tab 结合的选择
- html input标签text类型的选择框
- 数组的常见操作:冒泡排序 选择排序与取最值
- 让input随心所欲的提示选择
- 如何显示选择input file的图片
- 手机上的选择按钮input:checked
- input file 选择文件之后的校验
- input file 限制可以选择的文件
- Js操作input的radio
- input radio 选中的操作
- input文本框的常用操作
- day04,数组的操作,遍历,查找,选择冒泡排序,进制转换,二维数组
- 第九、Java数组的常见操作(冒泡、选择排序、数组翻转)
- 数组的选择排序
- 数组的选择排序
- 点击input输入框弹出选择层
- 五大常用算法
- 用python编写守护进程
- Android-无线调试
- Fedora-卸载OpenJDK安装sunjdk
- Fedora-ipv6关闭方法
- input选择框 勾选 不勾选 数组的操作
- 串口通信的基本知识
- Hadoop-Fedora24搭建Hadoop
- 关于String、Int和Object类型之间的转换
- Fedora-sudoers中添加用户
- Hadoop-将python代码运行在hadoop上
- Hadoop-常用shell命令
- 最小生成树(MST)的性质及算法 [转】
- Java代码的35个优化