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 送给学长毕业祝福语简短