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>
代码很简洁,却很实用,小伙伴们根据自己的项目需求改写下即可使用。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下