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>
代码很简洁,却很实用,小伙伴们根据自己的项目需求改写下即可使用。