c#+jquery实现获取radio和checkbox的值


Posted in Javascript onSeptember 12, 2020

废话不多说,直接上代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Web2.aspx.cs" Inherits="Chapter2.Web2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script src="jquery-1.8.0.js"></script>

<script type="text/javascript">

$(function () {

$("#sub").click(function () {

var str1 = "张三:" + $("#name").val();

var str2 = "性别:" + $('input:radio[name = "sex"]:checked').val();

var shuzu = [];

$('input:checkbox[name = "aihao"]:checked').each(function () {//each每个

shuzu.push($(this).val());//给数组赋值

});

window.alert(str1 + '\n' + str2 + '\n' + "爱好:" + shuzu);

});

});

</script>

</head>

<body>

<form id="form1" runat="server">

姓名:<input type="text" id="name" /><br />

性别:<input type="radio" id="nan" name="sex" checked="" value="男" />男<input type="radio" id="nv" name="sex" value="女" />女<br />

爱好:<input type="checkbox" />游泳

<input type="checkbox" name="aihao" value="爬山" />爬山

<input type="checkbox" name="aihao" value="打球" />打球

<input type="checkbox" name="aihao" value="骑车" />骑车

<input type="checkbox" name="aihao" value="阅读" />阅读

<input type="checkbox" name="aihao" value="聊天" />聊天<br />

<input type="button" id="sub" value="提交" /><input type="button" id="b" value="重置" />

</form>

</body>

</html>

代码很简洁,却很实用,小伙伴们根据自己的项目需求改写下即可使用。

Javascript 相关文章推荐
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
理解javascript封装
Feb 23 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
教你一步步用jQyery实现轮播器
Dec 18 Javascript
jQuery电话号码验证实例
Jan 05 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
express的中间件cookieParser详解
Dec 04 #Javascript
express的中间件bodyParser详解
Dec 04 #Javascript
express的中间件basicAuth详解
Dec 04 #Javascript
详解JS函数重载
Dec 04 #Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 #Javascript
javascript常用代码段搜集
Dec 04 #Javascript
5种处理js跨域问题方法汇总
Dec 04 #Javascript
You might like
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
php存储过程调用实例代码
2013/02/03 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
javascript 表单验证常见正则
2009/09/28 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
用Python抢过年的火车票附源码
2015/12/07 Python
python读取各种文件数据方法解析
2018/12/29 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
python脚本调用iftop 统计业务应用流量的思路详解
2019/10/11 Python
python 实现表情识别
2020/11/21 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
综合实践教学反思
2014/01/31 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
报案材料怎么写
2015/05/25 职场文书
导游词之西递宏村
2019/12/10 职场文书
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA