首頁(yè) 猿問(wèn) 求大神幫忙

求大神幫忙

JavaScript

qq_sU_4 2016-07-20 17:42:23

<!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>查看學(xué)期列表</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>添加學(xué)期</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>修改學(xué)期</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>刪除學(xué)期</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>停用/啟用學(xué)期</label> ? ? ? ?</td> ? ?</tr> ? ?<tr> ? ? ? ?<td colspan="5"> ? ? ? ? ? ?<span class="font_bold margin_X10">專(zhuān)業(yè)管理</span> ? ? ? ? ? ?<input type="checkbox" id="selectAllSpecialty"> ? ? ? ? ? ?<label for="selectAllSpecialty">全選</label> ? ? ? ?</td> ? ?</tr> ? ?<tr id="specialtyRow"> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>查看專(zhuān)業(yè)列表</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>添加專(zhuān)業(yè)</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>修改專(zhuān)業(yè)</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>刪除專(zhuān)業(yè)</label> ? ? ? ?</td> ? ? ? ?<td> ? ? ? ? ? ?<input type="checkbox"> ? ? ? ? ? ?<label>停用/啟用專(zhuān)業(yè)</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>

查看完整描述

2 回答

剛毅87

TA貢獻(xiàn)345條經(jīng)驗(yàn) 獲得超309個(gè)贊

<!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');
		//給按鈕添加點(diǎn)擊事件
		btn.onclick?=?function?(){
//			alert(check.checked)
//			check.checked?的選中和非選中狀態(tài);
//			true?選中?false?非選中
			//如果選擇框?yàn)檫x中狀態(tài),且切換為非選中狀態(tài)
			if(check.checked){
				//設(shè)置非選擇雙胎
				check.checked?=?false;
			}else{
				//設(shè)置選擇狀態(tài)
				check.checked?=?true;
			}
		}?
		var?bool?=?true;
		if?(bool)?{
	????????	check.checked?=?true;
	????????	bool?=?false;
	????}?else{
	????????	check.checked?=?false;
	????????	bool?=?true;
	????}
	</script>
</html>

你參考一下吧.

反對(duì) 回復(fù) 2016-07-20