有时候需要对单选框和复选框进行美化，就需要在<input type="radio">和<input type="checkbox">元素的外层包裹label元素。隐藏input元素，display：none； visibile

在iput元素上添加change，click事件，在谷歌 火狐中都运行很好，但是在ie中所有事件不起作用

解决办法：

方法1： 不隐藏input元素，设置input元素的透明度。

opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);//设置在ie中透明度为100%
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);//设置在ie中透明度为100%
方法2：不隐藏input元素，设置input元素的宽度为0。

方法3：不隐藏input元素，设置input元素相对定位，left：999999； top:999999; （位置不在窗口的范围内）
												


											
单选框  复选框 隐藏之后，绑定的change事件在ie中失效的问题的更多相关文章
	

    
								
  1. 关于通过jq /js 实现验证单选框 复选框是否都有被选中
		
    今天项目中遇到一个问题 就是要实现,单选框,复选框 同时都被选中才能进行下一步的问题,开始用js原生来写 怎么写都觉得不合适,通过for循环得出 复选框被选中的,在通过for循环得出单选框被选中的,问 ...
    
		
    2. 
						
  2. php一些单选、复选框的默认选择方法（示例）
		
    转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...
    
		
    3. 
						
  3. Python3+Selenium3+webdriver学习笔记8（单选、复选框、弹窗处理）
		
    #!/usr/bin/env python# -*- coding:utf-8 -*-'''Selenium3+webdriver学习笔记8(单选.复选框.弹窗处理)''' from selenium ...
    
		
    4. 
						
  4. iCheck获取单选和复选框的值和文本
		
    //获取单选和复选框的值//parameters.type:"radio","checkbox"//parameters.name:input-name//pa ...
    
		
    5. 
						
  5. jquery单选框 复选框表格高亮 选中
		
    单选框: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/T ...
    
		
    6. 
						
  6. 纯css美化单选、复选框
		
    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
    
		
    7. 
						
  7. selenium+Python（定位 单选、复选框，多层定位）
		
    1.定位一组元素webdriver 可以很方便的使用 findElement 方法来定位某个特定的对象,不过有时候我们却需要定位一组对象,这时候就需要使用 findElements 方法.定位一组对象 ...
    
		
    8. 
						
  8. android 中单选和复选框监听操作
		
    单选按钮RadioGroup.复选框CheckBox都有OnCheckedChangeListener事件,我们一起了解一下. package com.genwoxue.oncheckedchange ...
    
		
    9. 
						
  9. 纯css3单选框/复选框美化样式代码
		
    纯CSS 单/复选框 美化请选择iPhone 型号 iPhone 6s iPhone 6s Plus iPhone 7 iPhone 7 Plus   选择兴趣爱好 女 绘画 摄影 骑行   原理在这 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. mysql 隔离级别与间隙锁等
			
    数据库隔离级 SQL标准中DB隔离级别有: read uncommitted:可以读到其它transaction 未提交数据 read committed:可以读到其它transaction 已提交数 ...
    
			
    2. 
						
  2. MD5加密算法Java代码
			
    原文:http://www.open-open.com/code/view/1428398234916 import java.security.MessageDigest; import java. ...
    
			
    3. 
						
  3. flask结合令牌桶算法实现上传和下载速度限制
			
    限流.限速: 1.针对flask的单个路由进行限流,主要场景是上传文件和下载文件的场景 2.针对整个应用进行限流,方法:利用nginx网关做限流 本文针对第一中情况,利用令牌桶算法实现: 这个方法:h ...
    
			
    4. 
						
  4. Spring MVC入门实例
			
    1.web.xml配置 <?xml version="1.0" encoding="UTF-8"? > <web-app xmlns:xsi= ...
    
			
    5. 
						
  5. centos 7 安装官方LAMP(Apache+PHP5+MySQL)
			
    启用Apache2 yum install httpd systemctl start httpd.service systemctl status httpd systemctl enable ht ...
    
			
    6. 
						
  6. 【剑指offer】打印1到最大的n位数
			
    题目描写叙述: 输入数字n,按顺序打印出从1到最大的n位十进制数.比方输入3,则打印出1.2.3一直到最大的3位数即999. 分析描写叙述: 首先想到的是先计算出最大的n位数是多少,然后用一个循环从1 ...
    
			
    7. 
						
  7. 进程监控模块配置与使用 ------ACE（开源项目）
			
    下面我先从此工程的作用讲起: 此工程适用于程序异常退出,然后自动重启该程序.对于,系统重启不了该进程,那此程序将返回-1,也无法进行下一步工作. 下面,先从配置开始讲起: 参考资料:http://hi ...
    
			
    8. 
						
  8. LeetCode——Remove Nth Node From End of List
			
    Given a linked list, remove the nth node from the end of list and return its head. For example, Give ...
    
			
    9. 
						
  9. Yii Criteria常用方法(select,join,where,日期,)
			
    $criteria = new CDbCriteria;  //select $criteria->select = '*';//默认* $criteria->select = 'id,n ...
    
			
    10. 
						
  10. 11892 - ENimEN(博弈)
			
    UVA 11892 - ENimEN 题目链接 题意:给定n堆石头.两人轮流取,每次仅仅能取1堆的1到多个.假设上一个人取了一堆没取完.那么下一个人必须继续取这堆.取到最后一个石头的赢,问谁赢 思路: ...
    
			
    11.