HTML radiobutton的选中不生效问题

管理员 886 次浏览

摘要: 当两个radiobutton都checked的时候,第三次就会失效,使用prop解决此问题。 解决easyui 等行数据编辑时,需要弹窗显示用户的状态(启用、禁用)等场景。

博客来源于:讯杰设计网:http://blogs.51diysoft.com/blogs


【判断radio是否选中】

$("#rbState_ok").is(":checked")



【错误的写法,当两个radiobutton都checked的时候,第三次就会失效,使用prop解决此问题】

$("#rbState_no").attr("checked", true)


$("#rbState_ok").attr("checked", true)


$("input[name='rbState'][value='1'").attr("checked", true)


$("input[name='rbState'][value='0'").attr("checked", true)



【解决如下:】

 $("input[name='rbState'][value='" + row.intState + "']").prop("checked", "checked");




HTML如下:

<!DOCTYPE html>
<html>
<head>
	<title></title>

</head>
<script src='jquery.min.js'></script>
<body>
<div>
    <div class="fitem">
                            <label>
                                是否启用:</label>
                            启用<input id="rbState_ok" type="radio" name="rbState" value="1" /><img src="Images/state1.png"
                                alt="启用" />
                            停用<input id="rbState_no" type="radio" name="rbState" value="0" /><img
                                src="Images/state0.png" alt="停用" />
                        </div>
</div>
</body>
</html>