利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选项的值 5
利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选项的值利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选...
利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选项的值利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选项的值
展开
1个回答
展开全部
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$("input:button").click(function(event) {
str = "";
str += "姓名：" + $(":text").val() + "\n";
str += "性别：" + $(":radio:checked").next().text() + "\n";
str += "爱好：";
hobby = [];
$(":checkbox:checked").each(function(index, el) {
hobby.push($(this).next().text());
});
str += hobby.join(",");
alert(str);
});
})
</script>
<body>
姓名：<input type="text"><br>
性别：<input type="radio" name="sex" value="1"> <span>男</span> <input type="radio" name="sex" value="2"><span>女</span><br>
爱好：<input type="checkbox" name="hobby" value="1"><span>游泳</span>
<input type="checkbox" name="hobby" value="2"><span>爬山</span>
<input type="checkbox" name="hobby" value="3"><span>打球</span>
<input type="checkbox" name="hobby" value="4"><span>聊天</span><br>
<input type="button" value="提交"><input type="reset" value="重置">
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
