複選框全選和選不選，獲取選中值

阿新 • • 發佈：2021-01-06

技術標籤：html html

複選框全選和選不選，獲取選中值。

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Demo</title>
</head>

<body>
	<div id="div1">
		<input type="checkbox" id="chkAll" name 
="chkAll" onclick="chkAll_onclick(this)" />全選<br />
		<input type="checkbox" id="chk1" name="chk" value='1' onclick="chk_onclick(this)" />選項1<br />
		<input type="checkbox" id="chk2" name="chk" 
 value='2' onclick="chk_onclick(this)" />選項2<br />
		<input type="checkbox" id="chk3" name="chk" value='3' onclick="chk_onclick(this)" />選項3<br />
		<input type="checkbox" id="chk4" name="chk" value=' 
4' onclick="chk_onclick(this)" />選項4<br />
		<input type="checkbox" id="chk5" name="chk" value='5' onclick="chk_onclick(this)" />選項5<br />
	</div>
	<a href="javascript:void(0);" onclick="foo();"><button>確認</button></a>
</body>

</html>
<script>
	function chkAll_onclick(obj) {
		var chks = document.getElementsByName("chk");
		for (var i = 0; i < chks.length; i++) {
			chks[i].checked = obj.checked;
		}
	}
	function chk_onclick(obj) {
		var chks = document.getElementsByName("chk");
		var chkAll = document.getElementsByName("chkAll");
		if (obj.checked == false)
			chkAll[0].checked = false;
		else {
			var j = 1;
			for (var i = 0; i < chks.length; i++) {
				if (chks[i].checked == false) {
					j = 2;
					break;
				}
			}
			if (j == 1)
				chkAll[0].checked = true;
		}
	}
	function foo() {
		obj = document.getElementsByName("chk");
		check_val = [];
		for (k in obj) {
			if (obj[k].checked)
				check_val.push(obj[k].value);
		}
		alert(check_val);

	} 
</script>

在這裡插入圖片描述

複選框全選和選不選，獲取選中值

技術標籤：htmlhtml 複選框全選和選不選，獲取選中值。 <!DOCTYPE html> <html lang="en">

react實現複選框全選和反選元件效果

本文例項為大家分享了react實現複選框全選和反選元件的具體程式碼，供大家參考，具體內容如下

JavaScript實現複選框全選和取消全選

JS網頁–全選和取消全選，供大家參考，具體內容如下表格，初始狀態下複選框都是未選中狀態，選中表頭的複選框後，下面幾個複選框變為選中狀態，取消表頭複選框選中狀態後，下面幾個複選框選中狀態也隨之取消；下面

TERSUS筆記員工資訊512-Tersus勾選框全選和全不選的三種設定方法(轉載)

轉載地址：https://www.yuque.com/docs/share/652c0886-0f26-4246-9970-f0b926fb7804?# Tersus勾選框全選和全不選的三種設定方法

JQuery複選框全選效果如何實現

Js相關技術 checked屬性如何獲取所有複選框：document.getElementsByName、需求分析在我們對錶格處理的時,有些情況下,我們需要對錶格進行批量處理

layui複選框全選,單選取消全選

在layui框架的基礎上，某個地方需要全選或者取消全選這樣的一個需求。 HTML程式碼區

JavaScript-事件響應--複選框全選

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">

axure實現複選框全選_Pyqt5自定義控制元件帶全選功能的複選框

技術標籤：axure實現複選框全選本篇的例子實現了一個帶全選功能的複選框：

（排他思想）用Javascript實現複選框全選/反選功能

技術標籤：JScssjavascripthtml5html 用Javascript實現複選框全選/反選功能正在學習大前端中，有程式碼和思路不規範不正確的地方往多多包涵，感謝指教

layui 複選框全選失去效果——soulTable

技術標籤：那些年遇到的BUGlayui 1，如圖問題：當我選擇標題欄的複選框的時候，資料表格中的資料複選框並沒有選中，全選效果失效

JavaScript實現複選框全選或全取消操作

本文例項為大家分享了 + element ui實現錨點定位的具體程式碼，供大家參考，具體內容如下

張平院士：6G 和 5G 不衝突，是迭代關係

9 月 17 日訊息當整個行業還在尋找引爆 5G 市場的殺手級應用之時，6G 的研究和部署工作已悄然逐步展開, 蓄勢而動。9 月 16 日，“2021 年 6G 研討會 ——6G 願景展望”在北京召開，中國工程院院士、IMT-2030（6G）推

Meta 高管：網路速度和延遲不改善，元宇宙的雄心壯志就不可能實現

3 月 3 日訊息，當地時間週一 Facebook 母公司 Meta 高管在世界行動通訊大會（MWC）上表示，如果當今的電信網路沒有得到大幅改善，公司建立“元宇宙”的雄心壯志就不可能實現。最近“元宇宙”是科技行業的流行詞，其

王者榮耀：純淨蒼穹嚴重削弱，減傷和價格同時調整，它還值得出嗎

文/靜海君根據王者榮耀體驗服的更新內容來看，本賽季大火的純淨蒼穹已經徹底被盯上了，連續被削弱了兩次的它新賽季還值得我們出嗎？那些在本賽季吃到純淨蒼穹福利的英雄下賽季的前景又如何呢？讓我們來好好琢磨一下

使用jQuery完成複選框的全選和全不選

要完成這個效果，必然要了解jQuery中對屬性操作的方法： attr()：設定或返回被選元素的屬性值。

使用jQuery實現複選框的全選、反選和不選

技術標籤：jqueryjs 使用jQuery實現複選框的全選、反選和不選通過給按鈕繫結點選事件來控制

Js實現複選框的全選、全不選反選功能程式碼例項

主要是用遍歷的方法查詢元素，然後通過改變checked的屬性來選擇，為true則是選中狀態，為false則是未選狀態

【踩坑筆記】layui之單選和複選框不顯示

直接上程式碼，下面前端頁面程式碼，使用layui框架： <divclass=\"layui-form-item\"><divclass=\"layui-inline\"><labelclass=\"layui-form-label\">性別</label><divclass=\"layui-inp

DEV中gridControl中新增複選框採用右鍵選單實現全選和取消全選

技術標籤：DEVC#c# 1，現在gridControl中新增複選框修改屬性使其的多選 2，在gridControl中新增右鍵選單ContextMenuStrip3，新增右鍵選單ContextMenuStrip的點選事件 4，寫一個共用方法來修改複選框的值

VBA:全選全不選複選框

Sub qx() For Each chk In ActiveSheet.CheckBoxes If chk.Caption = \"1.7\" Then\'選中了 chk.Value = 1 End If

複選框全選和選不選，獲取選中值

相關推薦