<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE 下 radio 添加时name值的重要性</title>
<script language="javascript" src="jquery-1.2.6.js"></script>
<script language="javascript">
$(function(){
// 添加时指定name
$("#test1").append('<br/><input id="t1_r1" type="radio" name="radio1"/>选项1');
$("#test1").append('<br/><input id="t1_r2" type="radio" name="radio1"/>选项1');
//添加后指定name
$("#test2").append('<br/><input id="t2_r1" type="radio" />选项1');
$("#test2").append('<br/><input id="t2_r2" type="radio" />选项1');
$("#t2_r1,#t2_r2").attr("name","radio2");
});
</script>
</head>
<body>
IE 下 radio 添加时要指定 name值。
FireFox 测试1和测试2的效果是一样的。
<div id="test1">测试1：添加时指定name</div>
<input type="button" onclick="alert($('#test1').html())" value="获取测试1 HTML代码" />
<input type="button" onclick="alert($('#t1_r1').attr('name'))" value="获取测试1 选项1的NAME值" />
<input type="button" onclick="alert($('#t1_r2').attr('name'))" value="获取测试1 选项2的NAME值" />
<br />
<hr />
<div id="test2">测试2：添加后指定name, radio框无法被选中</div>
<input type="button" onclick="alert($('#test2').html())" value="获取测试2 HTML代码" />
<input type="button" onclick="alert($('#t2_r1').attr('name'))" value="获取测试2 选项1的NAME值" />
<input type="button" onclick="alert($('#t2_r2').attr('name'))" value="获取测试2 选项2的NAME值" />
<p>在IE下你会奇怪的发现，通过$('#test2').html() 获取的HTML代码中，没有NAME属性，
但是通过$('#t2_r1').attr('name')却能看见radio</p>
</body>
</html>
分享到：
相关推荐
首先，我们要理解IE6不支持`:checked`伪类，这意味着我们不能通过CSS直接控制被选中的radio按钮的样式。为了解决这个问题，我们可以利用JavaScript或者jQuery来检测radio按钮的状态，并根据状态改变对应的样式。 ...
原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
该函数用于检测具有相同`name`属性的一组`<input type="radio">`中是否有至少一个被选中。 **知识点细节：** - **函数参数：**`obj`是一个字符串变量，代表了需要检测的`<input type="radio">`控件的`name`属性值。...
<input type="radio" name="address" value="北京">北京 <input type="radio" name="address" value="沈阳">沈阳 <input type="radio" name="address" value="南京">南京 <input type="radio" name=...
本文将详细介绍在jQuery框架下判断`radio`按钮是否被选中的四种方法。 #### 方法一：通过属性选择器获取`checked`属性 第一种方法是利用jQuery的选择器来直接访问`checked`属性。具体步骤如下： ```javascript ...
这段代码会为所有name为group1的radio按钮注册change事件，当任何一个radio的选中状态发生变化时，就会触发此函数，并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示，一组radio的name属性值必须相同，...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
<input type="radio" id="myRadio" name="myGroup" value="option1" checked> 自定义单选按钮 ``` 然后，我们可以通过CSS来改变`<label>`的样式： ```css input[type="radio"] { display: none; /* 隐藏原始单选...
本项目展示了如何在JSP页面中使用`radio`控件，结合JavaScript进行用户交互处理，如判断是否选中以及获取选中的`radio`控件的值。 首先，我们来理解`radio`控件的基本结构。在HTML中，`<input>`标签用于创建`radio`...
一、设置选中方法 ...$(“input[name=’radio_name’][checked]”).val(); //获取被选中Radio的Value值 二、设置选中和不选中示例 代码如下: <input type=”radio” value=”0″ name=”jizai” id=”0″/
在网页设计中，单选框（Radio Button）和复选框（Checkbox）是常见的表单元素，用于收集用户的选择信息。然而，这些元素在默认情况下，其样式受限于浏览器的控制，导致在不同浏览器下的显示效果可能不统一，特别是在...
例如，在表单重置或者在满足特定条件时，需要让所有radio按钮都处于未选中状态。这要求我们能够对radio按钮进行动态操作。 ### 实现清除Radio选中状态的方法 为了清除radio按钮的选中状态，我们可以通过JavaScript...
单选按钮允许用户在一组选项中选择一个值，它通常使用`<input type="radio">`标签来创建，并且具有相同`name`属性的多个单选按钮共同构成一个选择组，这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...
每个单选按钮都有一个唯一的`name`属性，这样当用户选择一个时，其他同名的单选按钮会被自动取消选中。 jQuery提供了方便的API来操作这些元素。下面是一些关键知识点： 1. **选择器**: jQuery的选择器可以用来选取...
要获取选中的Radio按钮的值，可以使用以下JavaScript方法： 1. 使用DOM遍历 首先，你可以通过`document.getElementsByName()`方法获取所有同名的Radio按钮，然后遍历这些元素，检查`checked`属性是否为`true`，...
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下： html代码如下： <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
$("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked", true); ``` 在某些情况下，可能需要使用`.prop()`方法，特别是对于jQuery版本较新时： ```javascript $('input').removeAttr('...
然而，这种方法虽然简便，但不推荐使用，因为它会选中所有type为radio的input元素，不仅限于特定的name分组。这可能导致操作不准确，特别是在页面存在多个不同分组的radio元素时。 8. jQuery方法的使用技巧：在代码...
radio 按钮组, name=”sex”. <input type="radio" name="sex" value="Male">Male</input> <input type="radio" name="sex" value="Female">Female</input> <input type="radio" name=...