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

Jquery 获取单选、多选(radio、checkbox)选中值

2016-11-23 15:30 746 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta charset="utf-8" />
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
$("button").click(function(){
var r = $("input[name='radio_button']:checked").val();
alert(r);
$("#result").text(r);//获取值
});
});
</script>
</head>

<body>

<input type="radio" name="radio_button" value="radio_button_1" />1
<input type="radio" name="radio_button" value="radio_button_2" />2
<input type="radio" name="radio_button" value="radio_button_3" />3
<button>显示值</button>
<div id="result"></div>
</body>
</html>

复选也是一样子的取得值：
http://blog.csdn.net/haibo0668/article/details/72123497

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航