有时候需要对单选框和复选框进行美化，就需要在<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. ftrace 详解
			
    http://www.ibm.com/developerworks/cn/linux/l-cn-ftrace/ http://www.ibm.com/developerworks/cn/linux/l ...
    
			
    2. 
						
  2. Hbase调用JavaAPI实现批量导入操作
			
    将手机上网日志文件批量导入到Hbase中.操作步骤: 1.将日志文件(请下载附件)上传到HDFS中,利用hadoop的操作命令上传:hadoop  fs -put input  / 2.创建Hbase ...
    
			
    3. 
						
  3. Linux的SOCKET编程详解（转）
			
    Linux的SOCKET编程详解 1. 网络中进程之间如何通信 进 程通信的概念最初来源于单机系统.由于每个进程都在自己的地址范围内运行,为保证两个相互通信的进 程之间既互不干扰又协调一致工作,操作系 ...
    
			
    4. 
						
  4. PHP生成excel(2)
			
    现在数据库有一组数据,就是按照年级的分类的学生分数,如何按照年级分类导出到excel表中 1.数据库配置文件config.php <?php $config = array( 'host'=&g ...
    
			
    5. 
						
  5. NVIDIA---CUDA
			
    http://en.wikipedia.org/wiki/CUDA CUDA From Wikipedia, the free encyclopedia     CUDA Developer(s) N ...
    
			
    6. 
						
  6. android 项目R文件丢失解决的方法
			
    R文件丢失的原因有非常多,这里提供几种解决的方法: 1.  选中项目,点击 Project - Clean , 清理一下项目. 2. 选中项目,右键 选择 Android Tools  - Fix P ...
    
			
    7. 
						
  7. SDOI2016R1（不是解题报告）
			
    话说洗澡的时候想了一堆要说的,坐到电脑前反而不知所措了-- 序章 听学长说他们都是省选一周前才停的课.然而我们这届--自聪哥韩大他们在省选两周前悄悄跑路后(据说班主任非常支持),信息小组内部一呼百应, ...
    
			
    8. 
						
  8. 使用GitLab CI + Capistrano部署CakePHP应用程序
			
    使用GitLab CI + Capistrano部署CakePHP应用程序 摘要:本文描述了如使用GitLab CI + Capistrano部署CakePHP应用程序. 目录 1. 问题2. 解决方 ...
    
			
    9. 
						
  9. 利用PHP判断iPhone、iPad、Android、PC设备
			
    首页那张大图确实是一个比较头疼的问题 在PC上显示是没问题的,可是到手机上就会超出页面一大截,如果做自适应,图片会被强制压缩 无奈只能用wp_is_mobile()函数在手机上隐藏了这张图,可是这函数 ...
    
			
    10. 
						
  10. HDOJ_ How can I read input data until the end of file ?
			
    Language C C++ Pascal To read numbers int n;while(scanf("%d", &n) != EOF){ ...} int n; ...
    
			
    11.