网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jQuery如何获取表单单选项type=radio的值?

2021/9/18 21:36:50

jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 jQuery中的val()方法就是用来设置或返回表单字段的值。我们通过以下例子来看看val()方法如何获取表单中单选项radio的值。<…

        jQuery 中非常重要的部分,就是操作 DOM 的能力。

        jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

        jQuery中的val()方法就是用来设置或返回表单字段的值。我们通过以下例子来看看val()方法如何获取表单中单选项radio的值。

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>jquery如何获取表单单选项type=radio的值?www.woaidaogu.com</title>
<script src="scripts/jquery/jquery-1.11.2.min.js"></script>
</script>
<script>
function getRedioValue()
{
//var _val = $('input:radio:checked').val();
var _val =  $("input[type='radio']:checked").val();
//var _val = $("input[name='rd']").val();
alert(_val);
}
</script>
</head>
<body>
<input name="rd" type="radio"  value="1">1
        <input name="_radio" type="radio"  value="2" checked="checked">2
        <input type="button" value="取值" onclick="getRedioValue()"/>
</body>
</html>

image.png

        通过以上内容我们知道了jQuery如何获取表单单选项type=radio的值,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...