`
zhouyrt
  • 浏览: 1173744 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

各浏览器中使用getAttribute获取checkbox/radio的checked值不同

 
阅读更多

如下

<!DOCTYPE HTML>
<head>
	<meta charset="utf-8" />
</head>
<body>
<input type="checkbox" />
<input type="checkbox" checked/>

<script>
	var checkboxs = document.getElementsByTagName('input');
	alert(checkboxs[0].getAttribute('checked'));
	alert(checkboxs[1].getAttribute('checked'));
</script>
</body>
</HTML>

 

IE6/7 ：依次返回 false/true

IE8 ：依次返回 空字符串/checked

IE9/10/Firefox/Safari/Chrome/Opera ：依次返回 null/空字符串

input[type=radio]的情况同上，类似的布尔属性还 有：autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected

注意 ：要判断checkbox/radio有没有选定，使用property而不要使用attribute。

0
顶
0
踩
分享到：
| IE6/7不支持setAttribute设置style / 不支 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同

    这个问题涉及到`getAttribute`方法在获取`href`和`src`属性时，对于相对路径0值的处理方式与其他浏览器存在差异。`getAttribute`是一个DOM方法，用于获取HTML或XML元素的属性值。 在标准浏览器，如IE8/9/10、Fire...

    js获得Gridview中选中checkbox行的信息

    2. **GridView**：通常在ASP.NET中使用，是一个服务器控件，用于展示数据库或其他数据源中的数据，可以进行各种操作如编辑、删除等。 3. **Checkbox**：复选框，用户可以选择一个或多个选项。 在GridView中，每个行...

    Treeview中checkbox选择问题

    `SetChildCheckBox`函数的作用是递归地遍历当前节点的所有子节点，并将它们的`Checkbox`状态设置为传入的`checked`参数值。这样可以确保当点击一个父节点时，其所有子节点的状态也会相应地更新。 ```javascript ...

    js中的getAttribute方法使用示例.docx

    首先，我们可以使用 getElementsByTagName 方法来获取所有的 p 元素，然后使用 getAttribute 方法来查询每个 p 元素的 title 属性的值。例如： ``` var text = document.getElementsByTagName("p"); for (var i = 0;...

    js中的getAttribute方法使用示例

    在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。 getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字： object.getAttribute(attribute) 不过，...

    getAttribute和getParameter区别

    在Java Web开发中，`getAttribute`和`getParameter`是两个非常重要的方法，它们分别用于获取不同的数据。理解这两个方法的区别对于正确处理用户请求和页面间的数据传递至关重要。 #### 1. 参数来源不同 - **...

    getAttribute和getParameter区别.

    - **状态管理**：在多步操作或者流程中，使用 `setAttribute` 存储临时状态，然后在后续步骤中使用 `getAttribute` 获取这些状态信息。 - **特点**： - 返回类型为 `Object`，因此可以存储任何类型的数据。 - ...

    C#浏览器编程，学习使用

    若缓存中保存了该项，浏览器就直接从缓存中得到该项副本而不必从网络获取，这样就明显地改善浏览器的运行特性。 10) 但缓存要占用磁盘大量的空间，而浏览器性能的改善只有在用户再次查看缓存中的页面时才有帮助。 11...

    request.getParameter() 和request.getAttribute() 区别

    - 当在JSP页面中使用`request.getAttribute()`时，可以直接在表达式中使用，如`&lt;%=request.getAttribute("username")%&gt;`，但需要注意转义和安全问题。 通过上述分析，我们可以清楚地看到`request.getParameter()`与...

    JavaScript中解决多浏览器兼容性23个问题的快速解决方法

    通过上述介绍的方法，可以有效解决在不同浏览器中使用JavaScript编程时遇到的一些兼容性问题。这些解决方案并非改变标准的做法，而是在实际开发中，为了适应多种浏览器环境的一种权宜之计。随着浏览器对标准的支持...

    表单元素值获取方式js及java方式的简单实例

    总结一下，获取表单元素值的方法在JavaScript和Java中各有不同。JavaScript主要用于前端交互，提供实时验证和用户体验优化，而Java则在服务器端处理表单数据，进行业务逻辑处理。理解这两种语言如何协同工作，对于...

    js表单元素checked、radio被选中的几种方法(详解)

    `checked`属性主要用于复选框（`&lt;input type="checkbox"&gt;`）和单选按钮（`&lt;input type="radio"&gt;`），它决定了这些元素是否在页面加载时被预先选中。下面我们将详细介绍几种设置和检查`checked`属性的方法。 0. **...

    session.getAttribute

    - **`session.getAttribute()`**：与此不同，`session.getAttribute()` 方法可以从当前用户的会话中获取属性值。这些属性可以在会话的生命周期内（通常是用户登录到退出的时间段）被多个请求访问和修改。这意味着它...

    两个jsp页面之间传值的问题,和checkbox多选框之间的问题

    使用`HttpSession`对象的`setAttribute()`方法设置值，然后在其他页面中用`getAttribute()`获取。但需注意，过度使用会话可能导致内存泄漏和安全问题。 3. **隐含对象**：JSP提供了许多隐含对象，如`pageContext`、...

    浏览器兼容问题处理

    实践中可能还会遇到其他问题，如CSS样式在不同浏览器中的表现差异等，解决这些问题通常需要对各种浏览器的特性有深入理解，并利用条件注释、特性检测库（如Modernizr）或使用polyfill来实现跨浏览器的兼容性。...

    Firefox浏览器兼容JS脚本

    获取DOM元素的属性值时，IE支持直接使用属性名来获取，而Firefox只支持通过`getAttribute()`方法获取。为了提高代码的兼容性，建议统一使用`getAttribute()`方法来获取属性值。 ```javascript // IE var value = ...

    asp.net Javascript获取CheckBoxList的value

    在JavaScript环境中，直接获取`CheckBoxList`的值可能会遇到困难，因为ASP.NET服务器端控件在客户端呈现时，其HTML结构会有所不同，并且复选框可能不会包含`value`属性。这使得通过JavaScript获取选中的值变得复杂。...

    HTML在IE浏览器和FF浏览器中标签的使用

    应使用getAttribute('value')来获取自定义属性值。 6. **form.item**：IE中的document.formName.item("itemName")在FF中不支持。可以改用document.getElementsByName("itemName")[0]或其他方法来获取表单元素。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics