本文介绍了如何使用jQuery从input表单中获取value值，特别是结合checked选择器来处理选中的input元素。首先，需要引入jQuery库。然后在HTML中创建一个包含value属性的input表单。接着，利用jQuery的checked选择器获取选中项的value值。
1.首先要引入jq（不会的可以参考往期）
2.在html中创建一个input表单
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-1.11.2.js"></script>
</head>
<body>
<input type="checkbox" class="hby" name="hobby" value="篮球" />篮球
<input type="checkbox" class="hby" name="hobby" value="足球" />足球
<input type="checkbox" class="hby" name="hobby" value="排球" />排球
<input type="checkbox" class="hby" name="hobby" value="乒乓球" />乒乓球
<input type="submit" value="提交" onclick="f1()"/>
</body>
</html>
注意input表单中的value值要填写与其相对应的东西
3.jq代码（因为我们没用入口函数应当写在input后）
其中我们用到了checked选择器，其作用是匹配所有选中的被选中的input元素
<script>
//:checked 匹配所有选中的被选中元素
function f1(){
console.log($('.hby:checked')); //获得选中的复选框项目
//遍历选中的
扫一扫
384
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
