jquery radio 取值取消选中赋值 - 山高我为峰

<!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>无标题文档</title>
<script type="text/javascript" src="jquery-1.11.1.min.js">
    
</script>
<script>
    $(function() {
        $("#studentBtn").click(function() {
            //var student = $("#student").val();//不管选没选中，只取第一个
            //var student = $("#student:checked").val();//取选中项
            //$("#student:checked").attr("checked",false);//取消选中项
            //$("#student:eq(3)").attr("checked",true);//指定选中项(无效)
            //$("#student[value=2]").attr("checked",true);//指定选中项(IE8有效，谷歌不可用，qq（IE10内核）不可用，火狐无效)
            //$("#student[type=radio]:eq(2)").attr("checked",true);//指定选中项选中
            //$("#student[value=2]").attr("checked",true);//指定值的项选中（无效）
            //$("input[id=student][value=2]").attr("checked",true);//指定值的项选中
            //var studentNo = $("#studentNo").val();
            //$("#student:checked").attr("checked",false);
            //指定值的项选中（1、IE下可用(IE8内核) 2、谷歌下可用 3、QQ（IE10内核）下只有第一次执行成功，第二次无效 4、火狐下无论多少次无效）
            //$("input[type=radio][name=student][value='"+$("#studentNo").val()+"']").attr("checked",true);
            //alert(student);
        });
    })
</script>
</head>

<body>
    <input name="student" id="student" type="radio" value="0" />张飒
    <input name="student" id="student" type="radio" checked="checked" value="1" />李斯
    <input name="student" id="student" type="radio" value="2" />王武
    <input name="student" id="student" type="radio" value="3" />赵丽 输入学号：
    <input type="text" name="studentNo" id="studentNo" value="0" />
    <input type="button" name="studentBtn" id="studentBtn" onclick="chooseStudent()" value="确定" />
</body>
</html>
posted on 2016-02-23 17:12 山高我为峰阅读(2065) 评论(0) 收藏举报
刷新页面返回顶部