版权声明:俗世凡人行(释) QQ:748507607 https://blog.csdn.net/weixin_41887155/article/details/88744422
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>性别
<input type="radio" value="0" name="sex" />男
<input type="radio" value="1" name="sex" checked />女
</p>
<p>爱好
<input type="checkbox" name="category" value="1" />文化
<input type="checkbox" name="category" value="2" />政治
<input type="checkbox" name="category" value="3" />财经
<input type="checkbox" name="category" value="4" />汽车
<input type="checkbox" name="category" value="5" />科技
<input type="checkbox" name="category" value="6" />房产
<input type="checkbox" name="category" value="7" checked />旅游
</p>
<p>
<button>提交</button>
</p>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$("button").click(function(){
//获取单选框的值
var sex = $("input[name='sex']:checked").val();
//获取复选框的值
var category ='';
$('input[name="category"]:checked').each(function(){
category += $(this).val()+',';
});
});
</script>