1. 程式人生 > >js控制checkbox 全選

js控制checkbox 全選

一個checkbox複選框,控制當前頁面其他複選框是否全選。

先看jsp程式碼:

  <form id="myForm">
     <input type="checkbox" onclick='chkall("myForm",this)'>全部
   <input type="checkbox" name="checkbox">1
    <input type="checkbox" name="checkbox">2
    <input type="checkbox" name="checkbox">3
    <input type="checkbox" name="checkbox">4
 </form>

當都選了全部時下面的1234也會被選擇,當去掉全部的勾選則下面的也全部跟著改變

js程式碼:

//全選checkbox
function chkall(input1,input2)
{
    var objForm = document.forms[input1];
    var objLen = objForm.length;
    for (var iCount = 0; iCount < objLen; iCount++)
    {
        if (input2.checked == true)
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = true;
            }
        }
        else
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = false;
            }
        }
    }
}

相關推薦

js控制checkbox

一個checkbox複選框,控制當前頁面其他複選框是否全選。 先看jsp程式碼: <form id="myForm"> <input type="checkbox" onclick='chkall("myForm",this)'>全部

JS實現checkbox/,單個複框取消不

HTML: <input id="all" type="checkbox"/>全選 <hr /> <div> <input type="checkbox" class="box"/> <br/> <i

js實現checkbox和取消,子複框也自動

<input type="checkbox" id="allcheck" onclick="demo()" />全選 <input type="checkbox" name="choice" class="checknum" onclick="se

js方法 checkbox

專案經常會遇到一下需求,全選,單選需求。再此做一個小結,思路如下,判斷父元素checkbox的選中狀態來控制子元素checkbox的選中狀態,再根據子元素checkbox的總數量與其包含checked屬性的數量做對比,如果總長度大於包含checked的數量,則父元素chec

JS 控制checkbox 獲取 一行不選擇則不被選擇 所有選擇被選擇

element selectall -- 頁面 put all for elements 監聽 //點擊全選button的事件操作 function selectAll(){ var allcheckBoxs=document.getEleme

jQuery js實現checkbox、反 PHP

實現 com check set false jquer display value round <!doctype html> <html lang="en"> <head> <meta charset="

vue.js簡單實現checkbox,反,多

1.html <table> <tr> <th class=""> <div class=""> <input type="checkbox" id="checkAll" @click="cli

VB.NET學習筆記:自定義控制元件之擴充套件DataGridViewColumnHeaderCell類增加CheckBox

測試環境:windows 7和Microsoft Visual Studio 2015 點選下載本文原始碼 VB.NET雖然提供了大量控制元件供我們使用,但很多控制元件僅提供最基礎的功能。比如用DataGridView控制元件可以非常方便顯示或操作資料庫資料,我們可以在首列新增DataGri

JS:支援任意數量的分組checkbox功能(幾種方法的比較)

用JQ寫的支援任意數量的分組checkbox全選功能的超短程式碼,特點有兩個,一是短,二是擴充套件容易,不需要改動JS,只需要複製一組之後按照命名規則改下編號.   (為書寫簡便,以下都省略了checkbox的value,實際應用中,這當然是必須的,請自行注意新增) <

C#WinForm開發系列之CheckBox控制元件和取消以及checkedListBox的基礎使用介紹

一.研究了一下C# CheckBox控制元件的全選和反選問題,這裡研究了兩種全選的方法: 1.首先,使用3個panel控制元件和8個checkBox控制元件實現了反選和全選的實現介面,panel11的Dock屬性設為Top,panel12的Dock屬性設為Left,pane

vue下的checkbox控制,反,及統計選中個數)

sch proto v-model server 歌單 統計 class album function <!DOCTYPE html> <html> <head> <meta charset="UTF

DEV GridControl控制元件使用(CheckBox、操作按鈕、事件處理,獲取值)

##1、GridControl控制元件使用 ###(1)繫結資料來源 //繫結DataTable gridControl1.DataSource = DbHelper.ExecuteDataTable("SELECT * FROM dc_Log"); ###(2)配置顯示列 ###(3)插入按鈕列

checkbox、反

16px 全選 javascrip func scrip click soft ava asc <body>   <div class="div1">     <input type="checkbox" name="cb">   &l

checkbox/取消

fun log 按鈕 () odi checked input rop cti //checkbox全選/取消全選 $(function() { $("#checkAll").click(function() { if(this.checked){

Jquery 組checkboxcheckbox

all each ons item ems attr func 技術 lang <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <ti

checkbox和反

沒有 index ntb -1 點擊事件 ner 空數組 一個 多個 在判斷多選框中的某一個是否被選中時,我們可以用checked的屬性 選中了就返回true,沒被選中就返回false; 這是html代碼: <form action="#"> <la

checkbox或者單的值動態生成在div裏面

bsp .com oot containe height width checked ima doctype 效果如圖所示 <!DOCTYPE html><html> <head> <meta charse

js點擊

code fun function nbsp cti blog all var cli $(‘.checkAll‘).click(function(){ var ischeck=$(this).prop(‘checked‘); $(‘.ids‘).prop("ch

【JavaScript】計數器+classList使用-純js案例:

nta ava count 改變 markdown 精簡 javascrip 案例 標簽 這兩天做了一個全選反選的案例,用了幾種方法,剛開始寫的磕磕絆絆,聽老師講解後理清思路,再來寫就很容易了。其實還是寫代碼時候的思路問題。首先要分析功能,然後分步實現,不要攪在一起。下面幾

checkbox/,子復父復框選中

cte pro sta var click self style cli log <input type="checkbox" class="optionListAll">/* 父復選框 */ <input type="checkbox" name="o