js表单各checkbox值

最新推荐文章于 2022-03-30 16:26:55 发布
最新推荐文章于 2022-03-30 16:26:55 发布
阅读量193 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/542596
版权 
 
 
  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  4. <title>js表单各checkbox值</title> 
  5. </head> 
  6. <script language="javascript"> 
  7. function aa(){ 
  8.     var r=document.getElementsByName("r");  
  9.     for(var i=0;i<r.length;i++){ 
  10.         if(r[i].checked){ 
  11.             alert(r[i].value+","+r[i].nextSibling.nodeValue); 
  12.         } 
  13.     }  
  14. } 
  15. </script> 
  16. <body> 
  17. <form name="form1" method="post" action=""> 
  18. <input type="checkbox" name="r" value="1">a<br> 
  19. <input type="checkbox" name="r" value="2">b<br> 
  20. <input type="checkbox" name="r" value="3">c<br> 
  21. <input type="checkbox" name="r" value="4">d<br> 
  22. <input type="checkbox" name="r" value="5">e<br> 
  23. <input type="checkbox" name="r" value="6">f<br> 
  24. <input type="checkbox" name="r" value="7">g<br> 
  25. <input type="checkbox" name="r" value="8">h<br> 
  26. <input type="checkbox" name="r" value="9">i<br> 
  27. <input type="checkbox" name="r" value="10">j<br> 
  28. <br> 
  29. <input type="button" onclick="aa()" value="button"> 
  30. </form> 
  31. </body> 
  32. </html> 
 
 
 
 
 
nextSibling 属性可返回某个元素之后紧跟的元素（处于同一树层级中）。 如果无此节点，则属性返回 null。
 
 
nodeValue 属性根据节点的类型设置或返回节点的值。
 
 

 
 

 
 

 
 

 
 
      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/946317，如需转载请自行联系原作者
 
 
 
  
 
 
 
 

 
 

 


                

        

        




    

  


    

      

        

            

              
                
                  weixin_33800593
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
js获取checkbox值的方法

				
			

			

				

					10-24
				

			

		

		

			
				
其中，表单元素的操作是JS常用的一个功能，特别是checkbox（复选框）元素的值获取。本文将详细介绍如何使用JavaScript获取复选框的值，并通过一个具体的实例来展示这一点。  首先，我们需要了解在HTML中如何定义一个...

			
		

	



                

            
              



	

		

			

				
					
如何获取表单 复选框checkBox 的值

				
			

			

				

					小小前端
				

				

					03-23
					
					6631
					
				

			

		

		

			
				
​​
<head>
    <meta charset="UTF-8">
    <title>checkBox</title>
    <!--引入jquery文件-->
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>...

			
		

	



              


  
              

                


	

		

			

				
					
JSF表单复选框(CheckBox)示例

				
			

			

				

					wuxiaopengnihao1的博客
				

				

					01-21
					
					912
					
				

			

		

		

			
				
以下部分显示如何使用JSF标签创建HTML复选框。<h:selectBooleanCheckbox>标签呈现类型为“checkbox”的HTML输入元素。更多教程请访问http://www.manongzj.com

以下JSF标签 -


<h:selectBooleanCheckbox value="Remember Me" id="chkRememberMe" />


被渲染成为以下HTML标签。


<input id="jsfForm1:chkRememberMe"

			
		

	





	

		

			

				
					
Vue 3-计算属性的getter,setter

				
			

			

				

					Lin16819的博客
				

				

					09-17
					
					908
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-...

			
		

	



		

			
		



	

		

			

				
					
表单中checkbox的值

				
			

			

				

					iteye_11009的博客
				

				

					03-02
					
					176
					
				

			

		

		

			
				
当表单中有多个元素名相同的checkbox时，document.form.元素名 为一个数组对象；

而当表单中只有一个checkbox时，document.form.元素名 只是一个普通的元素对象。

 

如果想对checkbox的值进行操作，或对其是否选中进行判断时，可以用：

Js代码 
1.function send(){   
2.    var values = ...

			
		

	





	

		

			

				
					
JS中怎么获取checkbox选中的值？

				
			

			

				

					firstcode666的博客
				

				

					10-30
					
					2万+
					
				

			

		

		

			
				
有两种方法：

1、方法一HTML结构如下：



2、方法二javascript代码如下：



3、显示效果如下：



js获得多个checkbox选中的值的方法：

一、代码如下：





二、后台获得参数为：


	//获得的均为数组值：

	String checboxValues=request.getParameter("checboxValue");

	String checboxTexts=request.getParameter("checboxText");
	
	
	//得..

			
		

	





	

		

			

				
					
js获取所有checkbox的值的简单实例

				
			

			

				

					10-22
				

			

		

		

			
				
本文主要介绍如何使用JavaScript来获取页面上所有复选框（checkbox）被选中的值。在这个实例中，作者通过具体的HTML代码和JavaScript函数来展示如何实现这一功能。下面将详细介绍实现的步骤和相关知识点。  首先，...

			
		

	





	

		

			

				
					
JS实现表单中checkbox对勾选中增加边框显示效果

				
			

			

				

					10-23
				

			

		

		

			
				
在网页设计中，表单元素是不可或缺的一部分，其中checkbox（复...总之，通过JavaScript实现表单中checkbox对勾选中增加边框显示效果是前端开发中一项基础且实用的技能，对提高用户界面的互动性和用户体验有很大的帮助。

			
		

	





	

		

			

				
					
JavaScript取得gridview中获取checkbox选中的值

				
			

			

				

					10-19
				

			

		

		

			
				
本文将介绍如何使用JavaScript来取得gridview中checkbox被选中的值，并分享具体的代码片段以供参考。  首先，要取得gridview中checkbox的选中值，我们需要通过遍历gridview中的行（tr）来查找checkbox，并判断其是否...

			
		

	





	

		

			

				
					
解决layui checkbox 提交多个值的问题

				
			

			

				

					10-16
				

			

		

		

			
				
layui的checkbox组件在默认情况下并不直接支持提交多个值，这给后端处理数据带来了困扰。本文将详细介绍如何解决layui checkbox提交多个值的问题。  首先，问题的核心在于layui的checkbox在默认情况下只会提交最后一...

			
		

	





	

		

			

				
					
JS - 获取选中复选框的值(checkBox)

				
			

			

				

					qq_37131747的博客
				

				

					03-30
					
					6583
					
				

			

		

		

			
				
获取选中复选框的值(checkBox)

			
		

	





	

		

			

				
					
Form表单之复选框checkbox操作

					
热门推荐

				
			

			

				

					陈三的博客
				

				

					01-13
					
					3万+
					
				

			

		

		

			
				
1.input复选(checkbox)：
input复选1组：
checkbox复选1
checkbox复选2
checkbox复选3

相同name的单选项为同一组复选,checked="checked"选中某复选项；相同name的单选项为同一组复选,checked="checked"选中某复选项；相同name的单选项为同一组复选,checked="checked"选中某复选项；

			
		

	





	

		

			

				
					
ssm  jQuery 获取checkbox选中的值form表单提交例子

				
			

			

				

					weixin_33985679的博客
				

				

					01-11
					
					742
					
				

			

		

		

			
				
前台页面
<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos...

			
		

	





	

		

			

				
					
表单checkbox的值获得

				
			

			

				

					fishermen
				

				

					03-19
					
					458
					
				

			

		

		

			
				
一般为多个value
//assume name is the name of the parameter
String[] values = request.getParameterValues(name);

			
		

	





	

		

			

				
					
复选框checkbox的各种取值

				
			

			

				

					hangchen1025的博客
				

				

					08-06
					
					1283
					
				

			

		

		

			
				
checkbox不带value时
<input type="checkbox" name="closeStatus"  />
<script src="../jquery/jquery-3.5.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#b1").click(function(){
alert($("input[name=clo

			
		

	





	

		

			

				
					
JS 实现表格中checkbox（复选框）全选反选

				
			

			

				

					chaomi_didi的博客
				

				

					10-16
					
					2732
					
				

			

		

		

			
				
一、需求步骤–实现表格首行复选框全选反选功能
1、当表格第一行thead标签内复选框选中，则tbody标签内复选框全选中；thead标签内复选框未选中，则tbody标签内复选框全部未选中；
2、当tbody标签内复选框全被选中时，thead内复选框则被选中；tbody内只要有复选框未被选中，则thead内复选框不被选中。
二、撸码思路
1、thead复选框checked属性与tbody复选框一致，var tbody复选框[i] = this.thead复选框.checked;
2、每选中一个tbody内的复

			
		

	





	

		

			

				
					
js获取checkbox多选表单

				
			

			

				

					weixin_30598225的博客
				

				

					12-23
					
					230
					
				

			

		

		

			
				
obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);


非常有用的函数
...

			
		

	





	

		

			

				
					
form表单中的checkbox值

					
最新发布

				
			

			

				

					05-25
				

			

		

		

			
				
要获取复选框的值，可以使用 JavaScript 来访问 `checked` 属性。例如，假设你有一个名为 `myCheckbox` 的复选框：  ```html <input type="checkbox" id="myCheckbox" name="myCheckbox" value="yes"> ```  你可以...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值