1. 程式人生 > >複選框的全選與取消全選

複選框的全選與取消全選

html程式碼

<input type="checkbox" name="all"  onclick="checkAll(0)"  />全選<br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="all" onclick="checkAll(1)" />全選

js程式碼

<script>
function checkAll(index){
var main=document.getElementsByName("all")[index];  獲取全選按鈕
var child=document.getElementsByName("child");    獲取所有子按鈕
for(var i=0;i<child.length;i++){
child[i].checked=main.checked; 
}
}
</script>

相關推薦

JS 設置復的選中取消選中

etc current author this fun 選中 true prop ssa // 設置選中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert(‘警告‘, "

H5 video取消屏相容

H5 video全屏與取消全屏各瀏覽器相容 // 全屏 // ele:全屏的物件 function requestFullscreen(ele) { // 全屏相容程式碼 if (ele.requestFullscreen) { ele.requestFullscre

取消

html程式碼 <input type="checkbox" name="all"  onclick="checkAll(0)"  />全選<br /> <input type="checkbox" name="child"  /> &l

js 取消代碼

代碼 取消 func for class blog false div light 設置一個全選選框和四個子選框,要實現點擊全選後四個子選框選中,取消全選後四個子選框也取消。全選後點擊某個子選框,全選也能取消。當四個子選框都選中時,全選框也被選擇。 實現代碼: <s

【vue】vue 取消

知識點: 1 v-model:監聽input內容 2 watch:監聽屬性方法 3 頁面初始化呼叫函式 mounted 一:html元素 <table id="userTable" class="table table-bordered table-hover"&

vue取消

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

html的checkbox標籤取消

1.html程式碼:   <body> <table border="1"> <tr> <th><input type="checkbox" onclick="swapCheck()" />&l

js取消

實現全選與取消全選的效果 要求1(將軍影響士兵):點選全選按鈕,下面的複選框全部選中,取消全選按鈕,下面的複選框全部取消 思路:複選框是否被選中,取決於check屬性,將全選按鈕的check屬性值賦值給下面所有複選框的check值 要求2(士兵影響將軍): 當下面的某個複選框沒有被選中時,全選按鈕自動變為沒被

不用label,點或者單也選中或取消

很“新人”在做單選或者多選題這類效果的時候會忽略這個效果,我也是踩完地雷後才來寫的這篇部落格。下次一定要記得哦。 1.html程式碼 <div class="system-set-juris

Tree樹(設定單擊選中取消)(設定樹節點隱藏)

前臺: 1. var deptTree = null; deptTree = $('#listDept'); //初始化樹 function initTree() { deptTree.tree({ url: '../dutyController/listDept

radio單擊取消選中

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="http://lib.sinaapp

jQueryMobile的元件——(checkbox)和單鈕(radio)

jQueryMobile框架為原生的html表單元素封裝了新的表現形式,對觸屏裝置的操作進行了優化。 data-theme="b"——指明元素的主題為黑色主題; <!DOCTYPE html> <html> <head lang="en">

Angular4_Checkbox多選中事件,其他元件互動

<input type="checkbox" [rtSelectionCheckboxFor]="hu" [(selected)]="hu.selected" (change)="onChec

div的退出

.html ner class 方法 播放器 get ont show func div的全屏與退出全屏 作用:將div全屏與退出全屏,一般播放器使用較多。 html按鈕: <button onclick="showFull();">

神經網路中的連線連線

1、全連線神經網路解析:對n-1層和n層而言,n-1層的任意一個節點,都和第n層所有節點有連線。即第n層的每個節點在進行計算的時候,啟用函式的輸入是n-1層所有節點的加權。 2、全連線的神經網路示意圖: 3、“全連線”是一種不錯的模式,但是網路很大的時候,訓練速度回很慢。部分連線就是認為的

css3 寫checkbox 標籤單和實現類似於多的樣式改寫

實現單選框的效果: <p class="login-p"> <span> <input type="checkbox" class="checkbox" checked="checked"/>

JS實現網頁退出

$('#alarm-fullscreen-toggler').on('click', function(e) { var element = document.documentElement; if (!$('body').hasClass("full-screen")) { $('body'

【Android之隱藏狀態列、設定屏、取消屏】

我將這三個設定程式碼寫在一個工具類當中,當你要對某個Activity呼叫這三個功能的時候,把Activity本身作為引數傳遞進去即可。 程式碼如下: <span style="font-fa

使用jQuery做取消

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type

js實現 取消

html虛擬碼 <table> <tr> <td><input type="checkbox" name="all" id="checkall" onclick="checkAll()" /></td>