jquery radio 取值取消选中赋值

2021-11-11 00:29:41
<!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>
码农公寓

相关文章
