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 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法