2. 程式人生 > >用JS控制複選框的選擇

用JS控制複選框的選擇

阿新 • • 發佈：2019-02-11
檢查複選框選擇個數：

function checkednum(id)
{
var s;
s=0;
for(i=0;i<document.selectform.keyVal.length;i++)
{
   if(document.selectform.keyVal[i].checked)
   {
    s=s+1;
   }
}
if(s>10)
{
   alert("最多隻能選擇10個");
   id.checked=false;
}

}  

判斷複選框是否至少選擇一個：

function isChecked(){
this.disabled =true;
var    check_id=document.getElementsByName(
"keyVal");//or    document.form.inputname  
var    id="";  
for(i=0;i<check_id.length;i++){  
   if(check_id[i].checked)    {  
   id+=check_id[i].value;  
   }  
}
if (id=="") {
   alert ("請至少選擇1個");
   returnfalse;
}
}

全選與反選：

//程式碼說明(lulu163.com)：form1為表單名，memberId為複選框，selectbutton為全選按鈕 
function selectAll()  
    { 
for (var i=0;i<document.form1.memberId.length;i++) { 
var temp=document.form1.memberId[i]; 
temp.checked=!temp.checked; 
} 
    if (document.form1.selectButton.value=="全部選擇") 
    { 
      document.form1.selectButton.value="取消全選"; 
    } 
    else 
    { 
      document.form1.selectButton.value
="全部選擇"; 
    } 
} 

　複選框(一個例子) 


全不選：

function unselect() 
{
for (var i=0;i<document.selectform.keyVal.length;i++) {
var temp=document.selectform.keyVal[i];
temp.checked=false;
} 
}


　　<input name="memberId" type="checkbox" value="複選框值">

　　全選按鈕:

　　<input type="button" name=selectButton value="全部選擇" onClick="selectAll()" style="cursor:hand;">

相關推薦

用JS控制複選框的選擇

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

JS控制複選框限制個數及分組

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

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

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

【JS】用checked實現複選框全選和全不選

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>無標題文件</title>

原生態js對複選框的美化並且可複用。

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

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實現複選框的全選和反選

<!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

Python+Django 複選框選擇多個，但提交時只能儲存一個的解決辦法

之前，做表單時使用單選方式，今天修改為複選框方式提交。問題來了：在選擇多個後儲存，發現竟然只能最後一個選擇。 print(request.POST)顯示只有最後一個 print(str(request

實現複選框選擇的功能

2015年4月9日 天氣冷 這裡以“使用者授權”為例說明 實現方法一(適合彈出modal的場景)： 後臺程式碼如下： /** * 使用者授權 * */ public String authorization() throws Except

JSP頁面使用js對複選框多選

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

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

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

JS獲取複選框的值，並傳遞到後臺

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

js 獲取複選框選中的值

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

【jQuery】:checkbox複選框選擇器

表單中的複選框常用於多項資料的選擇，使用:checkbox選擇器可以快速定位並獲取表單中的複選框元素。 例如，在表單中增加多個不同型別的元素，使用:checkbox選擇器獲取其中的全部複選框元素，

jquery獲取複選框選擇值，多個以逗號分隔

var effectModel = $("input:checkbox[name='effectModel']:checked").map(function(index,elem) {         return $(elem).val();     }).get().j