
div id="wrap">
<input type="radio" name="payMethod" value="1" />支付宝
<input type="radio" name="payMethod" value="2" />财务通
</div>
获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ')val();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script src=""></script>
<script>
$(function() {
$("#test")click(function() {
var val = $('input:radio[name="list"]:checked')val();
if(val == null) {
alert("什么也没选中!");
return false;
} else {
alert(val);
}
});
})
</script>
</head>
<body>
<div>
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
</div>
<div>
<button id="test">测试</button>
</div>
</body>
</html>
注意:jquery 的引用自己写上,百度知道,有时候不让放
只要在选择器里声明一下checked就可以了
刚才回答了一个类似的问题 跟你的问题类似,代码如下:
<script src="><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="//cdnbootcsscom/jquery/311/jqueryminjs"></script>
</head>
<body>
<form id="form" action="">
<label><input type="radio" name="radioInput" value="1">第1个radio</label>
<label><input type="radio" name="radioInput" value="2">第2个radio</label>
<label><input type="radio" name="radioInput" value="3">第3个radio</label>
</form>
<p>选择结果是:<span id="val"></span></p>
<script>
$('#form')on('change','input[name="radioInput"]',function () {
//获取值 $(this)val() == $(input[name="radioInput"]:checked)val()
$('#val')text($(this)val());
});
</script>
</body>
</html>
方法/步骤
1
打开Dreamweaver8,点击“新建”→“基本页”→“HTML”,新建一空白网页文件,并将该文件另存为“indexhtml”。
2
切换至代码视图,并在代码区添加如图所示的HTML代码,该段代码的作用是制作三个单选按钮,同时绘制三个交互式按钮,
3
下载相关的脚步运行库:由于采用JQuery脚本来实现网页的动态效果,因此需要在网上搜索并下载相应的JQuery运动库,下载完成后进行解压缩,将解压后的文件拷贝到网站的根目录下(与indexhtml文件同目录)。
4
在页面中加入对JQuery库的引用。此时只需要在Head标签内添加一组Script标签,并指定JQuery库的位置,当然也可以引用远程JQuery服务器地址。
5
添加JQuery脚本控制代码,该代码的重要功能是:当点击名称为“选中的那个radio的值”时显示被选中的radio的值,点击名称为“遍历所有radio的值”时显示所有radio的值,点击名称为“取第二个radio的值”时显示第二个radio的值。
6
代码的调试:当点击名称为“选中的那个radio的值”时显示被选中的radio的值,点击名称为“取第二个radio的值”时显示第二个radio的值。
以上就是关于如何使用jQUery获取选中radio对应的值全部的内容,包括:如何使用jQUery获取选中radio对应的值、jquery怎么获取radio选中的值、如何通过jquery获取选中按钮的radio的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)