c#+jquery实现获取radio和checkbox的值
废话不多说,直接上代码
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Web2.aspx.cs"Inherits="Chapter2.Web2"%>
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title></title>
<scriptsrc="jquery-1.8.0.js"></script>
<scripttype="text/javascript">
$(function(){
$("#sub").click(function(){
varstr1="张三:"+$("#name").val();
varstr2="性别:"+$('input:radio[name="sex"]:checked').val();
varshuzu=[];
$('input:checkbox[name="aihao"]:checked').each(function(){//each每个
shuzu.push($(this).val());//给数组赋值
});
window.alert(str1+'\n'+str2+'\n'+"爱好:"+shuzu);
});
});
</script>
</head>
<body>
<formid="form1"runat="server">
姓名:<inputtype="text"id="name"/><br/>
性别:<inputtype="radio"id="nan"name="sex"checked=""value="男"/>男<inputtype="radio"id="nv"name="sex"value="女"/>女<br/>
爱好:<inputtype="checkbox"/>游泳
<inputtype="checkbox"name="aihao"value="爬山"/>爬山
<inputtype="checkbox"name="aihao"value="打球"/>打球
<inputtype="checkbox"name="aihao"value="骑车"/>骑车
<inputtype="checkbox"name="aihao"value="阅读"/>阅读
<inputtype="checkbox"name="aihao"value="聊天"/>聊天<br/>
<inputtype="button"id="sub"value="提交"/><inputtype="button"id="b"value="重置"/>
</form>
</body>
</html>
代码很简洁,却很实用,小伙伴们根据自己的项目需求改写下即可使用。