如何使用jQUery获取选中radio对应的值

如何使用jQUery获取选中radio对应的值,第1张

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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9440543.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存