在js中获取input check里选中的值

最新推荐文章于 2024-01-15 02:52:58 发布
原创 最新推荐文章于 2024-01-15 02:52:58 发布 · 5.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#.net #js

本文通过一个JavaScript示例展示了如何使用JavaScript遍历并获取页面上被选中的复选框值，最后将这些值拼接成字符串进行展示。

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

var list=document.getElementsByName("NameList"); //list在这里获取 input的name属性是NameList的所有制 所以list在这里是数组
 var namelist="";
for(i=0;i<list.length;i++){
 //判断是否选中
  if(list[i].checked){    
    namelist = list[i].value+",";
   }}
alert(namelist);




                

        

    

    
  



    



                



	

		

			

				
					
获取、设置input的checked属性：JQuery VS Javascript

				
			

			

				

					weixin_34258838的博客
				

				

					11-15
					
					627
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	



                

            
              



	

		

			

				
					
前端 —— JavaScript 基础篇 23 --- js获取input 、radio、checkbox、select 的值

				
			

			

				

					宁静致远
				

				

					07-04
					
					3876
					
				

			

		

		

			
				
js：如何获取input的值


<lable>input的值：</lable>
<input type="text" id="userName" placeholder="请输入用户名" />

<script type="text/javascript">

    var userInput = document.getElementById('userName');
    console.log(userInput.value;)

</scr

			
		

	



              


  
              

                


	

		

			

				
					
jquery attr方法获取input的checked属性问题

				
			

			

				

					10-25
				

			

		

		

			
				
如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下

			
		

	





	

		

			

				
					
js获取input checkbox的选中值

				
			

			

				

					weixin_30813225的博客
				

				

					07-13
					
					844
					
				

			

		

		

			
				
HTML代码：

<form action="/test/action" method="get">
    <input type="checkbox" name="myname" value="1"/>1
    <input type="checkbox" name="myname" value="2"/>2
    <in...

			
		

	



		

			
		



	

		

			

				
					
JS获取选中checkbox对应行的input值

				
			

			

				

					cxws110的博客
				

				

					04-28
					
					1012
					
				

			

		

		

			
				
JS代码：

//审核亩数
  $("#audit").click(function(){
   var _$id=$("input[type='checkbox'][disabled!='disabled'][class='workid']:checked");//id
   if(_$id.length == 0){
   ...

			
		

	





	

		

			

				
					
jquery attr()方法获取input的checked属性问题

				
			

			

				

					咔咔博客
				

				

					10-04
					
					1038
					
				

			

		

		

			
				
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：

1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase



2.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#...

			
		

	





	

		

			

				
					
JS中input标签和checked使用

				
			

			

				

					ruanhongbiao的专栏
				

				

					03-20
					
					7649
					
				

			

		

		

			
				
checked 是 和的一种属性，表示该项是不是被选择了
两种定义方式：
一、在input标签中定义
表示该项被选择
表示该项不被选择，注意：如果是不被选择就不用写checked属性了。如果你写了，不管checked的值是什么，都是被选择。原因：html是一种宽松的标记语言，会忽略你的checked=false中的false，所以结果还是被选中
二、在加载的javascript中设置


			
		

	





	

		

			

				
					
Jquery和angularjs获取check框选中的值的方法汇总

				
			

			

				

					11-22
				

			

		

		

			
				
本文将详细介绍如何在jQuery和AngularJS中获取选中复选框的值及其相关信息。  首先，jQuery提供了一种简单的方式来检查复选框是否被选中。例如，`$('#cboxchecked').is(':checked')` 将返回一个布尔值，表示ID为`...

			
		

	





	

		

			

				
					
JS 如何获取radio选中后的值及不选择取radio的值

				
			

			

				

					10-26
				

			

		

		

			
				
在JavaScript中，获取单选按钮（radio）选中后的值是一项常见的任务，特别是在表单提交时。单选按钮通常用于提供一组互斥的选择，用户只能选择其中的一个。在本文中，我们将探讨如何在用户选择或未选择单选按钮时...

			
		

	





	

		

			

				
					
layui checkbox默认选中,获取选中值,清空所有选中项的例子

				
			

			

				

					10-16
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用layui框架处理checkbox控件，包括如何设置默认选中、获取选中值以及清空所有选中项。layui是一款基于前端JavaScript库的模块化前端框架，提供了丰富的UI组件，包括表格、表单、按钮...

			
		

	





	

		

			

				
					
jQuery设置和获取select、checkbox、radio的选中值方法

				
			

			

				

					11-28
				

			

		

		

			
				
熟练掌握这些控件的设置和获取选中值的方法，能够显著提升开发效率。下面我们将详细讲解jQuery如何处理这三种表单元素的选中状态。  1. 设置和获取单选下拉框（select）的选中值：  - 当`option`标签没有`value`属性...

			
		

	





	

		

			

				
					
JavaScript -- 操作input CheckBox  全选框

				
			

			

				

					kevin_xiang的专栏
				

				

					12-01
					
					763
					
				

			

		

		

			
				
无标题文档



function getSum()
{
	var itemNodes = document.getElementsByName("item");
	var sum = 0;
	for(var i=0; i<itemNodes.length; i++)
	{
		if(itemNodes[i].checked)
		{
			sum += parseInt(

			
		

	





	

		

			

				
					
利用js实现input属性中的checked全选，不选与反选

					
最新发布

				
			

			

				

					2201_75368306的博客
				

				

					01-15
					
					889
					
				

			

		

		

			
				
全选</button>/*设置按钮*/<button id="second">全不选</button><button id="third">反选编号</li><li>操作</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目

			
		

	





	

		

			

				
					
js/jquery之input 复选框checkbox、单选按钮radio选中判断

				
			

			

				

					小芳的专栏
				

				

					12-13
					
					1654
					
				

			

		

		

			
				
之前总是用，总是遇到坑，解决起来总是需要实践回想。通过这次使用顺便做个简单的总结，

百度了资料，推荐的这个博客很不错，下面只是做了简单的改名字处理，基本是是贴的另一个博客内容。

唯一不一样的是，有了自己的思考。所以，遇到问题独立解决还是映像更深刻一些。

废话说了一堆，贴代码开始：

1.复选框：

<inputtype='checkbox'name='tj'id='tj' onclick="checkAll(this)"/><labelfor='tj'>推荐</l...

			
		

	





	

		

			

				
					
获取处于选中状态的checkbox的id值

				
			

			

				

					shenhaibb_的博客
				

				

					03-30
					
					2047
					
				

			

		

		

			
				
<input type="checkbox" id="checkAll"/>全选
<input type="checkbox" id="1">
<input type="checkbox" id="2">
<input type="checkbox" id="3">
<input type="checkbox" id="4">
<input type="checkbox" id="5">

html的代码大概就这样，我原来的代码不是这.

			
		

	





	

		

			

				
					
js事件：

				
			

			

				

					weixin_43368552的博客
				

				

					08-09
					
					549
					
				

			

		

		

			
				
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称之为。高阶函数可以被简单的理解为函数的高级应用，javascript中函数可以被当作。事件：用什么方式触发，比如鼠标单击click、鼠标经过mouseover等。元素.addEventListener('事件'，要执行的函数)事件源.addEventListener(事件，事件处理函数）事件源： 哪个dom元素被事件触发了，要获取dom元素。如果将函数A作为参数传递给函数B时，我们称函数A为。...

			
		

	





	

		

			

				
					
JavaScript 获取 input 输入框内容的几种方法

					
热门推荐

				
			

			

				

					sophia11116的博客
				

				

					12-04
					
					1万+
					
				

			

		

		

			
				
JavaScript 获取 input 输入框内容的几种方法

			
		

	





	

		

			

				
					
input radio 获取选中的值

				
			

			

				

					03-16
				

			

		

		

			
				
可以使用 JavaScript 的 DOM 操作来获取 input radio 的选中值。具体方法是：获取到 input radio 的元素，然后检查它的 "checked" 属性是否为 true。如果是 true，则该 radio 被选中了。 例如： ``` <input type=...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值