IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
在IE中,在使用checkbox或radio时,你会发现有时不能通过CheckBoxObject.checked = true或CheckBoxObject.setAttribute('checked', true)的方法使checkbox或radio被预选中。
解决这个问题的方法就是利用checkbox或radio的defaultChecked的属性,将defaultChecked属性置为true即可,具体实现是 CheckBoxObject.setAttribute('defaultChecked', true)或 CheckBoxObject.defaultChecked= true,这样就能实现checkbox和radio在IE中初始状态下被选中了。
具体例子:
代码如下:
<script type="text/javascript"><!--
var test1= document.getElementById("checkboxID");
test1.setAttribute('defaultChecked',true);
// --></script>
相关推荐
-
js实现翻页后保持checkbox选中状态的实现方法
项目中的分页使用真分页,每次点击上下页按钮后,再次调用后台方法查询,重新刷新此页面.所以checkbox为false. 比如酷狗音乐中,上下页选中的歌曲不会保留,只能在每页中选择添加后,再切换下页. 但是项目中有着需求,所以只能完成实现. 项目具体的需求如下:给角色授权时,选择模块以及模块下的操作,点击上下页后选中的checkbox不变. 界面如下: 实现的思路如下: 在界面中,使用纯js完成.把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到ac
-
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
//如果之前有选中的,则把选中radio取消掉$("#tj_cat .pro_category").each(function(){ if ($(this).attr('checked')){ $(this).attr('checked' ,false); }});//获取被选中的标签的值radio:(checkbox和这个一样) var val=$('input:radio[name="se
-
jquery无法设置checkbox选中即没有变成选中状态
复制代码 代码如下: $("input").attr("checked","checked") 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 复制代码 代码如下: $("input").prop("checked",true); ttributes和properties之间的差异在特
-
js 获取后台的字段 改变 checkbox的被选中的状态 代码
复制代码 代码如下: <td width="15%" align="left">是否为分包人</td> <td width="35%" align="left"> <INPUT TYPE="checkbox" NAME="fbr" id="fbr1"> <s:hidden name
-
jQuery判断checkbox选中状态
前言 神奇的JQuery怎么设置checkbox状态时好时坏?明明同一行代码,断点跟踪确实执行了,但是有时候好使,有时候却没有生效.毕竟对JS不是很熟悉,只是通过JS来处理前端HTML的标签的状态设置时,通过JQuery有时候会更方便些的,但是发现更不好办. 今天尝试实现checkbox全选.全不选功能,与App开发中的效果是一样的,勾选全选则将所有的选项都选中:同样取消勾选某个子项也将全选设置为非选中状态:所有子选项都为选中状态时,将全选设置为选中状态. 由于对JS不是很熟悉,于是尝试各种百度
-
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
在IE中,在使用checkbox或radio时,你会发现有时不能通过CheckBoxObject.checked = true或CheckBoxObject.setAttribute('checked', true)的方法使checkbox或radio被预选中. 解决这个问题的方法就是利用checkbox或radio的defaultChecked的属性,将defaultChecked属性置为true即可,具体实现是 CheckBoxObject.setAttribute('defaultChec
-
浅析jquery与checkbox的checked属性的问题
1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3.使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得 4.使用$("#checkbox_
-
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
复制代码 代码如下: var chkbox = document.createElement("INPUT"); chkbox.type = "checkbox"; chkbox.checked=true; lnk.parentNode.appendChild(chkbox); 以上代码在IE7下,生成的Checkbox无法正确的打上勾. 原因是 chkbox控件还没初始化(appendChild),就开始操作它的结果 据此将代码改为即可正确显示: 复制代码 代码如
-
html中的input标签的checked属性jquery判断代码
虽然会有这样的错误,但是如果再仔细测试一下,会发现input标type属性设为button时,还是具有checked属性的,而且默认为false 代码如下所示: 复制代码 代码如下: <script type="text/javascript" src="http://www.jb51.net/jslib/jquery/jquery.js"></script> <script type="text/javascript&quo
-
利用JavaScript更改input中radio和checkbox样式
本文涉及到的图片 body { margin: 0px; padding: 0px; font-size: 13px; } .input_style { padding: 6px 0px; width: 600px; margin: 0px auto; border-bottom: #666666 1px dotted; } .input_style span { display: inline-block; width: 15px; height: 15px; text-align: left
-
vue中radio根据动态值绑定checked无效的解决
目录 1.问题分析 2.vue中分析(完成代码请看后面) 3.完成代码(该例子中input是自定义的样式) 1)json数据 2)html代码 3)css样式 4.效果图 1.问题分析 在vue之前,我们想要获取某一组(设置相同的name属性)radio的选中状态是通过name属性获取,判断input的checked是true还是false,但是当列表中有多组(动态获取)就显得很乏力:vue出现后我们可以通过v-model很巧妙的完成. 2.vue中分析(完成代码请看后面) <input :na
-
jQuery中attr()和prop()在修改checked属性时的区别
在做复选框全选按钮的时候,出现了一个问题,使用语句$.attr('checked',true),将复选框的属性改为被选中,在chrome浏览器中第一次点击有效后面就不行了,IE8倒是没有问题. 百度了很久找到原因是HTML的属性分为attribute和property,暂且将后者称为特性. checked属性即分为attribute->checked,和property->true,false. 对于一个checkbox,若未定义checked="checked",aler
-
微信小程序如何修改radio和checkbox的默认样式和图标
wxml: <view class="body"> <view class="body-content"> 第1题:企业的价值观是 ? </view> <view class="label">单选</view> </view> <view class="options"> <radio-group class="radio-gr
-
JQuery扩展插件Validate—6 radio、checkbox、select的验证
效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 复制代码 代码如下: <script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法, //验证
-
JQuery触发radio或checkbox的change事件
早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层. 初始代码如下: 复制代码 代码如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天,竟然一点反应都没有.百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框
随机推荐
- python+pyqt实现右下角弹出框
- Backdoor.Win32.IRCBot.afm(video.exe)病毒的处理方法
- 如何理解Vue的作用域插槽的实现原理
- JS控制文本框textarea输入字数限制的方法
- Android编程实现自动检测版本及自动升级的方法
- Oracle SQL性能优化系列学习二
- JS中页面与页面之间超链接跳转中文乱码问题的解决办法
- VC小技巧汇总之控件技巧
- MySQL日志维护策略汇总
- HTML meat作用
- nginx配置支持php的pathinfo模式配置方法
- SQLSERVER服务手工启动 批处理文件
- sql根据表名获取字段及对应说明
- 窗口没有提示自动关闭的js代码
- javascript 学习笔记(六)浏览器类型及版本信息检测代码
- PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
- thinkphp四种url访问方式详解
- 总结IOS关闭键盘/退出键盘的五种方式
- 浅谈ASP.NET的include的使用方法
- SQL Server LocalDB 在 ASP.NET中的应用介绍