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>
代码很简洁,却很实用,小伙伴们根据自己的项目需求改写下即可使用。
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短