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>

赞 (0)

相关推荐

  • jQuery判断checkbox选中状态

    前言 神奇的JQuery怎么设置checkbox状态时好时坏?明明同一行代码,断点跟踪确实执行了,但是有时候好使,有时候却没有生效.毕竟对JS不是很熟悉,只是通过JS来处理前端HTML的标签的状态设置时,通过JQuery有时候会更方便些的,但是发现更不好办. 今天尝试实现checkbox全选.全不选功能,与App开发中的效果是一样的,勾选全选则将所有的选项都选中:同样取消勾选某个子项也将全选设置为非选中状态:所有子选项都为选中状态时,将全选设置为选中状态. 由于对JS不是很熟悉,于是尝试各种百度

  • js实现翻页后保持checkbox选中状态的实现方法

    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

  • 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样式

    利用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无效的解决

    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属性时的区别

    jQuery中attr()和prop()在修改checked属性时的区别

    在做复选框全选按钮的时候,出现了一个问题,使用语句$.attr('checked',true),将复选框的属性改为被选中,在chrome浏览器中第一次点击有效后面就不行了,IE8倒是没有问题. 百度了很久找到原因是HTML的属性分为attribute和property,暂且将后者称为特性. checked属性即分为attribute->checked,和property->true,false. 对于一个checkbox,若未定义checked="checked",aler

  • 微信小程序如何修改radio和checkbox的默认样式和图标

    微信小程序如何修改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的验证

    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中却不会正常执行,即选中或取消复选框

随机推荐