jquery获取radio的值

最新推荐文章于 2021-06-04 17:42:18 发布

原创最新推荐文章于 2021-06-04 17:42:18 发布 · 403 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用jQuery改变Radio按钮状态的例子，并展示了如何通过jQuery获取已选中Radio按钮的值来控制页面元素的显示与隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Html代码是

<label><input type="radio" name="proofing" value="1">打样</label>
<label><input type="radio" name="proofing" value="0" checked="checked">不打样</label>

jqury代码是

$("input:radio[name='proofing']").change(function (){ //拨通
			    var value = $("input[name='proofing']:checked").val();
			    alert(value);
			    if (value == 0) {
			        $(".proofing-hide").show();
			    }
			    else {
			        $(".proofing-hide").hide();
			    }
			});

这里注意

var value = $("input[name='proofing']:checked").val();

我用

<pre name="code" class="javascript"><pre name="code" class="javascript">var value = <span style="font-family: Arial, Helvetica, sans-serif;">$("input:radio[name='proofing']")</span><span style="font-family: Arial, Helvetica, sans-serif;">.val(); </span>

获取到的始终是1