<!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>
时间: 2024-09-30 04:23:23