您的位置：首页 > Web前端 > JQuery

jquery radio 取值 取消选中 赋值

2014-05-08 23:05 190 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航