1. 程式人生 > >JS控制複選框全部選中和全部不選中

JS控制複選框全部選中和全部不選中

html程式碼:

<input type="checkbox" id="select_all" style="margin-left:20px">全選
<br/>
<div style="height:420px;overflow-y:scroll">
    <table id="con_table" style="width:100%">
        <tr style="background-color: #eee">
            <td title="ischoose">選擇</td>
        </
tr> <tr> <td> <input type="checkbox"/> </td> <td> <input type="checkbox"/> </td> </tr> </table> </div>
JS程式碼:
//全選和全不選
$("#select_all").bind("click"
, function () { var chk = this.checked; var ck_list = $("#con_table").find("input[type='checkbox']"); var len = ck_list.length; for (var i = 0; i < len; i++) { if (chk == false) { ck_list[i].checked = false; } else { ck_list[i].checked
= true; } } });

相關推薦

JS控制全部選中全部選中

html程式碼: <input type="checkbox" id="select_all" style="margin-left:20px">全選 <br/> <d

JS控制限制個數及分組

原生的js控制複選框限制個數 javascript程式碼: var limit = 3,num = 0; function check(obj) { obj.checked?num++:num--; if(num > limit){

JS控制的選擇

檢查複選框選擇個數:function checkednum(id)...{var s;s=0;for(i=0;i<document.selectform.keyVal.length;i++)...{   if(document.selectform.keyVal[i].checked)   ...{  

利用js實現的全

<!DOCTYPE html> <html> <head>     <title>142</title>     <meta charset="utf-8">     <script type="t

JS實現的全

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <ti

Js 統計選中個數並提示確定/取消

<script type="text/javascript"> function yesno() { var inputs = document.getElementsByName("ck[]"); var checked_counts = 0; for(

js 獲取選中的值

一 單選框的值 程式碼: $("input[type='radio']:checked").val() 二 獲取多選框的值: 思路:利用name屬性值獲取checkbox物件,然後迴圈判斷checked屬性(true表示被選中,false表示未選中)。 1、HTML

JS利用實現全

<script> function setChecked(obj) { var chbs=document.getElementsByName("chb[]");//獲取到複選框的名稱 //全選 //JS的if判斷中Un

js實現的全 取消全

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

js實現的多,全,反

多選,全選,反選 js實現複選框的多選,全選,反選 js實現複選框的多選,全選,反選 <table> <thead> <tr> <th><input type="checkbox"

js實現/全/反

js實現複選框全選/全不選/反選 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

原生js實現

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選和全不選</title> <script> function

如何用js讀取的值?

思路:首先利用name屬性值獲取checkbox物件,然後迴圈判斷checked屬性:如果為true表示被選中,false則表示未選中。 1、HTML結構 <input type="checkbox" name="test" value="1"/><sp

原生態js的美化並且可用。

原生態js美化複選框,當去掉js之後,還可以保留原有的複選框效果,最難得的是它可以在一個網頁中多次複用~,感興趣的程式猿可以看看。 css: .checkbox{ display:inline-block; width:20px;height:20px; border-ra

JSP頁面使用js

:1:複選框 jsp頁面如下圖 註釋: checkBox方法中ids引數,意思是 下邊name = ids的複選框中的值,this.checked代表當前選中複選框的狀態值 全選js程式碼為 function checkBox(name,checked){$("inpu

JS獲取的值,並傳遞到後臺

給複選框命名:<input type='checkbox' name='checkTheme' value='"> 我在提交的時候onclick="aa();" function aa() { var bb = ""; var temp = "";

js控制(需要zepto或jquery)

什麼attr(),什麼prop(),都不好用! ...... var checkedRadio=0, checkedValue=$(this).find('input').attr('value'), inputTypes=$(".class").find(

dorado7.x 下拉實現以及位置浮動固定在下拉的問題及解決辦法

在所需的property,設定trigger 下一步: 設定onExcute: var ChannelInputs=view.get("#ChannelInputs"); view.get("#dataSetChannel").flushAsync(); ChannelInp

js,全以後,如果選中其中一個,全效果取消,如果全部選中,全按鈕自動也被選中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

JS後臺獲取(checkbox)選中項後的文字內容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm