关于input单选与复选是否选中值问题

最新推荐文章于 2025-06-07 22:15:50 发布
原创 最新推荐文章于 2025-06-07 22:15:50 发布 · 603 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

<input type="radio" name="crfsummary.py" <s:property value="crfsummary.py==1?'checked=true':''"/> value="1" />阴转
单选

<input type="checkbox" name="cr.firstzz" <s:property value="cr.firstzz.indexOf('5')!=-1?'checked=true':''"/> value="5" /> 盗汗复选，直接用Struts2标签<s:property value="cr.firstzz.indexOf('5')!=-1?'checked=true':''"/> 省得用js去判断  




                

        

    

    
  



    



                



	

		

			

				
					
input全选和单选

				
			

			

				

					weixin_54911115的博客
				

				

					06-29
					
					1454
					
				

			

		

		

			
				
input全选和单选
1、点击全选时，全部的单选也勾选
2、只要单选有一个没勾选上，取消全选
如下图

第一步：写好div
<body>
	<div class="box">
		全选<input type="checkbox"  class="all_input"/><br />
		单选<input type="checkbox" class="input" /><br />
		单选<input type="checkbox

			
		

	



                

            
              



	

		

			

				
					
inpute 单选

				
			

			

				

					peijiajing的博客
				

				

					09-10
					
					1154
					
				

			

		

		

			
				
<input type="radio" name="sex" value="先生" checked='checked'/>先生
<input type="radio" name="sex" value="女士"/>女士




			
		

	



              


  
              

                


	

		

			

				
					
input单选框

				
			

			

				

					weixin_43117402的博客
				

				

					02-18
					
					6555
					
				

			

		

		

			
				
<label> <input type="radio" name="gender" value="male" />男 </label>
<label> <input type="radio" name="gender" value="female" />女 </label>

另一种写法：
<input id="male...

			
		

	





	

		

			

				
					
HTML&CSS基础学习笔记1.23-input标签的单选与多选

				
			

			

				

					chenjin19961001的博客
				

				

					08-17
					
					417
					
				

			

		

		

			
				
单选和多选 
单选框和多选框是用<input>标签来实现的。 
<input>标签的type属性值为"checkbox"时，表示多选框，为"radio"时表示单选框。 
一个多选列表一般具有2个或两个以上的多选框,它们都具有属性name，且属性name值相同，当这些多选...

			
		

	



		

			
		



	

		

			

				
					
input控件（HTML表单中的单选，多选图像的提交以及提交重置按钮）

				
			

			

				

					2301_81648904的博客
				

				

					04-29
					
					1081
					
				

			

		

		

			
				
(为换行标签)

			
		

	





	

		

			

				
					
javascript判断单选框或复选框是否选中方法集锦

				
			

			

				

					10-30
				

			

		

		

			
				
在Web开发中，经常需要使用JavaScript来检查表单中的单选框（`<input type="radio">`）和复选框（`<input type="checkbox">`）是否被用户选中。这种检查对于确保表单的有效性和完整性至关重要。本文将详细介绍几种...

			
		

	





	

		

			

				
					
jQuery获取(选中)单选,复选框,下拉框中的值

				
			

			

				

					12-12
				

			

		

		

			
				
实例如下： 代码如下:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”><html><head><title>MyHtml.html</title> <meta http-equiv=”keywords” ... charset=UTF-8

			
		

	





	

		

			

				
					
layui从数据库中获取复选框的值并默认选中方法

				
			

			

				

					10-18
				

			

		

		

			
				
3. 使用JavaScript或jQuery遍历页面上的复选框，将数据库中的权限值与复选框的值进行比较，如果匹配则设置选中状态。 4. 调用layui的`form.render`方法更新样式。  通过以上步骤，我们可以确保在页面加载时，根据...

			
		

	





	

		

			

				
					
前端 - 基础 表单标签 - 表单元素 input - type 属性 （ 单选按钮和复选按钮 ）

				
			

			

				

					三毛与海子的博客
				

				

					04-01
					
					1302
					
				

			

		

		

			
				
radio -- 单选 ， checkbox -- 多选

			
		

	





	

		

			

				
					
html之input表单介绍——单选按钮

					
最新发布

				
			

			

				

					2301_81968528的博客
				

				

					06-07
					
					910
					
				

			

		

		

			
				
但是这种情况下可以同时选中男女，这种情况下需要添加name属性实现互斥，name属性值二者必须相等。如果想要一开始就默认选中某个单选框，比如说选中男，就的添加checked属性。input表单除了文本框和密码框之外，还有其他类型。这里把name属性值统一定义为sex。比如注册界面比较常用的性别选项。type属性值是radio。checked的值可以不填。

			
		

	





	

		

			

				
					
input的checkbox设置全选中全不选中

				
			

			

				

					memoryI的博客
				

				

					08-28
					
					7668
					
				

			

		

		

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

 // 全选中
    if (this.checked) {
      $("input:checkbox").each(function () {
        $(this).prop("checked", true);
      ...

			
		

	





	

		

			

				
					
input单选复选的相关操作

				
			

			

				

					caikys的博客
				

				

					04-03
					
					218
					
				

			

		

		

			
				
jq取消单选框input的选择：


$("input[type='radio']").prop("checked",false);




			
		

	





	

		

			

				
					
9.表单,input标签,单选框

				
			

			

				

					Little_Green1的博客
				

				

					08-11
					
					1086
					
				

			

		

		

			
				
br>标签是干什么的呢,忘记的去前面复习.我们看到,<input>是单标签,而且标签内有type属性,属性值的不同,导致<input>标签在网页实现的功能不同,有文本框(text),密码框(password),单选框(radio),多选框(checkbox),上传文件(file).我们可以看到,表单里面,有一些文本框,密码框,单选多选框,还有的表单可以上传文件,这些我们可以通过<input>标签来实现,当然<input>标签只能实现这些输入框,其他的装饰得用CSS来实现。一.表单,input标签。

			
		

	





	

		

			

				
					
表单项标签的input标签的单选框（radio）

				
			

			

				

					liaowenxiong的博客
				

				

					11-24
					
					6760
					
				

			

		

		

			
				
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女

1.单选框需要注意的是，如果是属于一组的选项，那么 name 属性的值必须相同，才会有单选的效果。如上所示，性别中的男和女两个选项是属于一组的，要么选择男，要么选择女，上面两个 input 标签的 name 属性值都是 gender。
2.单选框提交的值必须通过 value 属性来

			
		

	





	

		

			

				
					
input全选与单选(把相应的value放入隐藏域去)

				
			

			

				

					weixin_33826609的博客
				

				

					08-30
					
					155
					
				

			

		

		

			
				

框架是Jquery


 需求是： 页面上有很多复选框，1.当我选择一项复选框时候 把对应的值放入到隐藏域去 2.当我反选的时候 把隐藏域对应的值删掉。3.当我全选的时候 页面上所有的选择框的值一起放到隐藏域去，反之。4.当我已全选时候 再删掉选择一项时候 只是把对应的一项值删掉。
　　当我全选的时候：
    对应于 
   当我没有全选的时候  
   对应于  
   H...

			
		

	





	

		

			

				
					
input标签基本使用-单选框、多选框、文件上传

				
			

			

				

					weixin_72431184的博客
				

				

					05-16
					
					5385
					
				

			

		

		

			
				
input标签基本使用-单选框、多选框、文件上传

			
		

	





	

		

			

				
					
＜input＞标签（单标签）

				
			

			

				

					cjh1001的博客
				

				

					10-04
					
					4135
					
				

			

		

		

			
				
name属性常与value属性配合使用，后台服务器可通过name值找到对应的value值，name值也可将内容划分，如上演示单选框与多选框用例。在制作线上调研网页时候，常常需要输入框以及选择框，这些表单控件都离不开标签的使用，以下介绍标签的主要功能。文本框中的提示语就是靠placeholder属性实现，若没有这个属性添加，则只有文本框。必填项，具有该属性的标签，在提交时候若没填写该内容，会提示此元素为必填项。规定元素的值，提交给服务器。

			
		

	





	

		

			

				
					
html+css 实现单选和多选按钮（input checkbox按钮 radio按钮）

				
			

			

				

					宝码香车的博客
				

				

					07-29
					
					1673
					
				

			

		

		

			
				
纯css实现，没有js。点击事件是input的checked实现的。含具体代码帮助大家深入理解，彻底掌握！直接看代码，可以一键复制，查看效果。


			
		

	





	

		

			

				
					
input单选按钮样式修改

				
			

			

				

					weixin_30902675的博客
				

				

					07-17
					
					783
					
				

			

		

		

			
				
1、css

input[type="radio"] + label::before {content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle;width: 1.2vh;height: 1.2vh;margin-right: 0.5vh;border-radius: 50%;border: 1px...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值