求大神帮忙
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery.min.js"></script>
</head>
<body>
<table id="setPermission" class="table marginTop_30">
<tr>
<td colspan="5">
<span class="font_bold margin_X10">角色管理</span>
<input type="checkbox" id="selectAllTerm">
<label for="selectAllTerm">全选</label>
</td>
</tr>
<tr id="termRow">
<td>
<input type="checkbox">
<label>查看学期列表</label>
</td>
<td>
<input type="checkbox">
<label>添加学期</label>
</td>
<td>
<input type="checkbox">
<label>修改学期</label>
</td>
<td>
<input type="checkbox">
<label>删除学期</label>
</td>
<td>
<input type="checkbox">
<label>停用/启用学期</label>
</td>
</tr>
<tr>
<td colspan="5">
<span class="font_bold margin_X10">专业管理</span>
<input type="checkbox" id="selectAllSpecialty">
<label for="selectAllSpecialty">全选</label>
</td>
</tr>
<tr id="specialtyRow">
<td>
<input type="checkbox">
<label>查看专业列表</label>
</td>
<td>
<input type="checkbox">
<label>添加专业</label>
</td>
<td>
<input type="checkbox">
<label>修改专业</label>
</td>
<td>
<input type="checkbox">
<label>删除专业</label>
</td>
<td>
<input type="checkbox">
<label>停用/启用专业</label>
</td>
</tr>
</table>
<!--如果子选项取消勾选一个，全选按钮就取消勾选；反之全选了子选项，全选按钮默认勾选。这个功能赢该怎么写？？-->
<script>
selectAll = function (obj) {
var checklist = $(obj).parent().parent().next().find("input[type='checkbox']");
$(obj).click(function () {
$(obj).parent().parent().next().find("input[type='checkbox']").prop("checked", $(obj).prop("checked"));
});
}
selectAll($("#selectAllTerm"));
selectAll($("#selectAllSpecialty"));
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery.min.js"></script>
</head>
<body>
<table id="setPermission" class="table marginTop_30">
<tr>
<td colspan="5">
<span class="font_bold margin_X10">角色管理</span>
<input type="checkbox" id="selectAllTerm">
<label for="selectAllTerm">全选</label>
</td>
</tr>
<tr id="termRow">
<td>
<input type="checkbox">
<label>查看学期列表</label>
</td>
<td>
<input type="checkbox">
<label>添加学期</label>
</td>
<td>
<input type="checkbox">
<label>修改学期</label>
</td>
<td>
<input type="checkbox">
<label>删除学期</label>
</td>
<td>
<input type="checkbox">
<label>停用/启用学期</label>
</td>
</tr>
<tr>
<td colspan="5">
<span class="font_bold margin_X10">专业管理</span>
<input type="checkbox" id="selectAllSpecialty">
<label for="selectAllSpecialty">全选</label>
</td>
</tr>
<tr id="specialtyRow">
<td>
<input type="checkbox">
<label>查看专业列表</label>
</td>
<td>
<input type="checkbox">
<label>添加专业</label>
</td>
<td>
<input type="checkbox">
<label>修改专业</label>
</td>
<td>
<input type="checkbox">
<label>删除专业</label>
</td>
<td>
<input type="checkbox">
<label>停用/启用专业</label>
</td>
</tr>
</table>
<!--如果子选项取消勾选一个，全选按钮就取消勾选；反之全选了子选项，全选按钮默认勾选。这个功能赢该怎么写？？-->
<script>
selectAll = function (obj) {
var checklist = $(obj).parent().parent().next().find("input[type='checkbox']");
$(obj).click(function () {
$(obj).parent().parent().next().find("input[type='checkbox']").prop("checked", $(obj).prop("checked"));
});
}
selectAll($("#selectAllTerm"));
selectAll($("#selectAllSpecialty"));
</script>
</body>
</html>
qq_sU_4浏览 1482回答 2
2回答
-
刚毅87
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="选择" id="btn"/> <input type="checkbox" name="" id="check" value="" /> </body> <script type="text/javascript"> var btn = document.getElementById('btn'); var check = document.getElementById('check'); //给按钮添加点击事件 btn.onclick = function (){ // alert(check.checked) // check.checked 的选中和非选中状态; // true 选中 false 非选中 //如果选择框为选中状态,且切换为非选中状态 if(check.checked){ //设置非选择双胎 check.checked = false; }else{ //设置选择状态 check.checked = true; } } var bool = true; if (bool) { check.checked = true; bool = false; } else{ check.checked = false; bool = true; } </script> </html>你参考一下吧.
随时随地看视频慕课网APP
相关分类
JavaScript