jquery checkbox效果

最新推荐文章于 2024-08-14 11:55:10 发布

王奕然

最新推荐文章于 2024-08-14 11:55:10 发布

阅读量519

点赞数

分类专栏： jquery javascript

本文链接：https://blog.csdn.net/wangyuxuan_java/article/details/8586243

版权

javascript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

jquery

12 篇文章 0 订阅

订阅专栏

<script language="javascript">
	function goSelect(id) {
		var valueStr = $("#" + id).val(); //取得value值

		var array = valueStr.split(",");  //把valueStr以','分成数组
		//子选框如果选中,复选框需要选中
		if (array[0] != array[1]) {
			if ($("#" + id)[0].checked) {
				var supid = array[0] + "_" + array[0];
				$("#" + supid).attr("checked", "checked");
			} else {
				var $jihe = $("input[type='checkbox'][value^=" + array[0]
						+ "]:not([value$=" + array[0] + "])");  //注意:not()和array[0]变量应用
				var flag = false; //判断子选框是否被选了

				$jihe.each(function(index, domEle) {
					if (this.checked) {
						flag = true;
						return;
					}
				});

				if (!flag) {
					var supid = array[0] + "_" + array[0];
					$("#" + supid).attr("checked", null);  //取消选中
				}
			}
		}

		if (array[0] == array[1]) {
			if ($("#" + id)[0].checked) {
				$("input[type='checkbox'][value^=" + array[0] + "]").attr(
						"checked", "checked");
			} else {
				$("input[type='checkbox'][value^=" + array[0] + "]").attr(
						"checked", null);
			}
		}
	}