1. 程式人生 > >java實現複選框的全選和反選功能

java實現複選框的全選和反選功能

在web專案開發中,全選和反選是最常用,也是最基礎的技術:

現在讓小朋為大家來總結幾種小例項:

Jquery中:

第一種方法:

$("#checkid").click(function(){

if(($("#checkid").attr("checked"))){

$(".chkbox").attr("checked",true);

}else{

$(".chkbox").attr("checked",false);

}

});

});

第二種方法:

$("#checkAll").click(function(){

if($("#checkAll").is(":checked")){

$("input:checkbox:not('#checkAll')").each(function(){

$(this).attr("checked",true);

});

}else{

$("input:checkbox:not('#checkAll')").each(function(){

//  $(this).attr("checked",false);或:

$(this).removeAttr("checked");

});

}

});

Js中:

   function check (){

   var id=document.getElementByIdx_x("checkall");

   var name=document.getElementsByName("check");

   if(id.checked){     

   for(var i=0;i

        name[i].checked=true;

      }

   }else{

   for(var i=0;i

   name[i].checked=false;

   }

   }

 

}

相關推薦

java實現功能

在web專案開發中,全選和反選是最常用,也是最基礎的技術: 現在讓小朋為大家來總結幾種小例項: Jquery中: 第一種方法: $("#checkid").click(function(){ if(($("#checkid").attr("checked"))){

【JS】用checked實現

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

利用js實現

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

jqueryjs分別實現獲取checkbox的值+jquery實現

//jquery實現全選 $(function(){ $("#checkAll").click(function(){ $(".checkOne").attr("checked",this.checked) }) }) //批量刪除jquery實現提示 function p_d

js實現checkbox取消,子也自動

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

JS利用實現

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

js實現、全部

item itl true mon 復選框 loading 實現 align inpu 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta chars

js實現

onclick check checkbox rip () nbsp title false style <html> <head> <title></title> </head> <style>

js實現//

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

JQuery 實現功能

  HTML部分 <body> <input type="checkbox" name="fu">全選(父)<br> <input type="checkbox" name="zi">子1<br> <input ty

jquery實現

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成複選框的全選和全不選</title> <script t

原生js實現

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

例子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascri

jQuery 清空

html程式碼: <div class="checkbox-custom" style="height:32px;line-height:32px;"> <input id="Appleid" name="Apple" class="checkboxstyle" type="

【前端】實現方法

原始碼 <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.7.1.min.js

javasctipt實現-/實現

以下是用原生js實現的複選框全選/反選的實現 選中checkbox的時候,實現全選的效果,並且樣式發生改變。 程式碼最簡潔,js行為優化版,複製貼上即可使用。 ** <!DOCTYPE

jQuery實現

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> &l

DataGridView

      今天測試的又提新的要求了,說是我的第一列的複選框不能全選活著全部取消,這樣會影響使用者的使用效果。測試的提了要求,那就改吧,但是中間還經歷了一些小挫折,這裡給大家分享一下。哈哈。    

jquery,

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" sr

vue實現下拉輸入匹配

實際專案中的一個需求: 點選文字框,彈出帶有複選框的選項,然後獲取選中項的資料,傳給後面的一個功能。在文字框輸入內容,也會動態的匹配下拉列表,並且列表帶有全選功能。   樸素的效果圖:     我選擇了用vue實現,算是vue的一次練手吧。不會寫的地方也百度了一下。 難點有兩個,