Javascript Check and Uncheck All Checkboxes

最新推荐文章于 2020-11-07 00:45:48 发布
最新推荐文章于 2020-11-07 00:45:48 发布
阅读量386 收藏
点赞数
文章标签： JavaScript HTML ViewUI
本文介绍了一种通过使用HTML表单元素实现全选与全不选功能的方法。具体包括如何利用JavaScript来控制表单中复选框的状态，使得用户能够快速选择或取消所有选项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<input name="msgId" value=msgId type="checkbox">
<a href="#" onclick="checkAll(document.viewForm.msgId); return false;">all</a>
<a href="#" onclick="uncheckAll(document.viewForm.msgId); return false;">none</a> 

                

        




    

    
  



    

      

        

            

              
                
                  iteye_19629
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
checkAll.js:jQuery检查所有复选框插件

				
			

			

				

					04-29
				

			

		

		

			
				
##用法随时随心所欲，随心所欲。
 < script type =" text/javascript " src =" jquery.js " > </ script >
< script src =" jquery.checkAll.js " type =" text/javascript " > </ script >
< form action =" # " >
    < input type =" checkbox " name ="" id ="" class =" check-all " >
    < input type =" checkbox " name ="" id ="" >
    < input type =" checkbox " name ="" id ="" >
    < input type =" checkbox " name ="" id =""

			
		

	



                

            
              



	

		

			

				
					
jquery、js操作checkbox全选反选.docx

				
			

			

				

					01-19
				

			

		

		

			
				
function checkAll() {  $('input[name="TheID"]').prop("checked", true); } ```  - **解析**：使用jQuery的选择器`$('input[name="TheID"]')`来选择所有名为`TheID`的Checkbox，然后使用`prop()`方法设置它们的`...

			
		

	



              


  
              

                


	

		

			

				
					
Check & Uncheck checkboxes 

				
			

			

				

					iteye_6945的博客
				

				

					02-24
					
					179
					
				

			

		

		

			
				

google=&gt;js  select all
http://www.webdevdoor.com/javascript-ajax/javascript-function-check-uncheck-checkboxes/
 
Check &amp; Uncheck checkboxes in JavaScript
Here’s a useful Javascript functio...

			
		

	





	

		

			

				
					
@uncheck_jQuery Check / Uncheck复选框

				
			

			

				

					
				

				

					04-29
					
					208
					
				

			

		

		

			
				
@uncheck 简单的jQuery代码片段，用于选中复选框，也可以取消选中复选框。 这可以通过更改输入元素（表单中常用的）的checked属性来实现。 
 选中一个复选框 
$('input[name=hierarchy_chk]').attr('checked', true);

 取消选中一个复选框 
$('input[name=hierarchy_chk]').attr('checked'...

			
		

	



		

			
		



	

		

			

				
					
javascript

				
			

			

				

					Yes!Is you.
				

				

					06-16
					
					817
					
				

			

		

		

			
				
 function selectAll(){ var CheckValue = false; if(document.forms[0].checkall.checked==true){  CheckValue = true; }    for(var n=0; n =0){               document.forms[FormName].elements[n].checked=Che

			
		

	





	

		

			

				
					
checkAll操作

				
			

			

				

					weixin_30924239的博客
				

				

					11-06
					
					955
					
				

			

		

		

			
				
//全部勾选

function checkAll(obj) {
var cols = document.getElementsByName('cols');
for ( var i = 0; null != cols && i < cols.length; i++) {
cols[i].checked = obj.checked;
}
}

-----...

			
		

	





	

		

			

				
					
jquery checkbox 全选 全不选

				
			

			

				

					10-29
				

			

		

		

			
				
2. 接下来，创建两个函数，一个是全选 (check all)，另一个是全不选 (uncheck all)。这两个函数都会遍历所有复选框，设置它们的 `checked` 属性。  ```javascript function checkAll() {  checkboxes.each(function...

			
		

	





	

		

			

				
					
jsp实现复选框的全选与反选

				
			

			

				

					05-12
				

			

		

		

			
				
在这个例子中，我们使用了 JavaScript 来实现三个函数：`checkAll()`、`uncheckAll()` 和 `invertSelection()`。这些函数分别对应“全选”、“全不选”和“反选”按钮的点击事件。  `document.getElementsByName('...

			
		

	





	

		

			

				
					
写一个要实现全选效果，可以利用documentgetElementsByName()方法获得页面上 所有的复选框，并保存到数组中。通过循环遍历数组，实现全选功能。

				
			

			

				

					05-30
				

			

		

		

			
				
<button onclick="checkAll()">全选 <button onclick="uncheckAll()">取消全选 ```  JavaScript：  ```javascript // 获取所有复选框 var checkboxes = document.getElementsByName('checkbox');  // 全选 function ...

			
		

	





	

		

			

				
					
请利用HTML DOM实现全选、全不选、反选功能

				
			

			

				

					06-07
				

			

		

		

			
				
其中，`checkAll()`函数将所有复选框设置为选中状态，`uncheckAll()`函数将所有复选框设置为未选中状态，`reverseCheck()`函数将所有复选框的选中状态取反。最后，将这些函数绑定到HTML表单中的按钮上，当用户单击...

			
		

	





	

		

			

				
					
【JS学习】利用JS实现全选、全不选和反选效果

					
热门推荐

				
			

			

				

					Master先生的博客
				

				

					11-07
					
					5万+
					
				

			

		

		

			
				
实现界面

代码块
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>练习</title>
		<script>	
			//全选和全不选
			function allCheck(name,boolValue) {
				var allvalue = document.getElementsByName(name); 
				//遍历判断


			
		

	





	

		

			

				
					
javascript Check All, Uncheck All and check one at least

				
			

			

				

					weixin_30724853的博客
				

				

					08-05
					
					261
					
				

			

		

		

			
				
Use javascript to checked all,uncheck all and check if one item at least been checked when deleting.


代码

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits=...

			
		

	





	

		

			

				
					
jQuery Check / Uncheck复选框

				
			

			

				

					
				

				

					04-29
					
					278
					
				

			

		

		

			
				
简单的jQuery代码片断选中一个复选框，也取消选中的复选框。 这是通过改变所述输入元件（其通常在形式使用）的检查属性来实现的。  选中一个复选框  $('input[name=hierarchy_chk]').attr('checked', true);  取消选中复选框  $('input[name=hierarchy_chk]').attr('checked', false);  不要忘记...

			
		

	





	

		

			

				
					
Jquery 多选下拉列表插件jquery multiselect之如何去掉默认选中项1

				
			

			

				

					weixin_30566111的博客
				

				

					11-30
					
					258
					
				

			

		

		

			
				
我开始接触这个插件的时候，找了很多中文资料，都和下面这篇文章大同小异。
相关jquery 多选下拉框插件中文介绍： http://www.cnblogs.com/xinchuang/archive/2013/05/24/3096757.html
英文好的童鞋一定要看看官网，中文资料实在是太少，我也是因此才想写一些中文资料分享给大家。
jquery multiselect 的官方英文网站：ht...

			
		

	





	

		

			

				
					
JS_全选CheckAll

				
			

			

				

					weixin_34341117的博客
				

				

					08-18
					
					950
					
				

			

		

		

			
				
<script type="text/javascript">
function CheckAll(form) //传一个表单作参数
{
for (var i=0;i<form.elements.length;i++) //对这个表单里的元素进行循环
{
var e = form.elements[i]; //一个一个元素判断
if (e.Nam...

			
		

	





	

		

			

				
					
js check all checkbox

				
			

			

				

					fareast_mzh的博客
				

				

					02-06
					
					1806
					
				

			

		

		

			
				
tbody
class="scrollBody">
tr>
td
class="col-0">1td>
td
class="col-1">第1集td>
td
class="col-2">200Mtd>
td
class="col-3">a
href="javascript:;">查看详情a>td>
td
class=&

			
		

	





	

		

			

				
					
js中实现同时对checkbox选中和取消

				
			

			

				

					WEBCODE
				

				

					12-29
					
					462
					
				

			

		

		

			
				
function checkAll()
{
	var code_Value = document.all["ifAll"]; // 控制选中与取消
	var code_Values = document.all['selectFlag'];  // 所有的checkbox项
	if(code_Value.checked==true)
		{
	
	if(code_Values.length){ 
...

			
		

	





	

		

			

				
					
checkbox的check事件和uncheck怎么写用c#

					
最新发布

				
			

			

				

					12-16
				

			

		

		

			
				
在C#中，checkbox控件的`CheckedChanged`事件会在用户点击检查框使其从未选中（Unchecked）变为选中（Checked），或者相反的...如果你想监听取消选中（Uncheck）的情况，只需要在if条件中判断`!checkBox.Checked`即可。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值