首页 web前端 js教程 c#+JQurey实现获取radio和checkbox的值

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

May 16, 2016 pm 04:29 PM
jquery Radio 获取

这篇文章主要介绍了c#结合JQurey实现获取radio和checkbox的value值的方法,将代码分享给大家,需要的朋友可以参考下。

废话不多说,直接上代码:

<%@ 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 = "性别:" + $(&#39;input:radio[name = "sex"]:checked&#39;).val();
var shuzu = [];
$(&#39;input:checkbox[name = "aihao"]:checked&#39;).each(function () {//each每个
shuzu.push($(this).val());//给数组赋值
});
window.alert(str1 + &#39;\n&#39; + str2 + &#39;\n&#39; + "爱好:" + 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>
登录后复制

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

以上就是本章的全部内容,更多相关教程请访问jQuery视频教程C#视频教程

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

谷歌安全码在哪里获取 谷歌安全码在哪里获取 Mar 30, 2024 am 11:11 AM

谷歌验证器是一种用于保护用户账户安全的工具,其密钥是用于生成动态验证码的重要信息。如果忘记了谷歌验证器的密钥,只能通过安全码进行验证,那么下文本站小编就将为大家带来谷歌安全码在哪里获取的详细内容介绍,希望能帮助到大家,想要了解的用户们就请跟着下文继阅读吧!首先打开手机设置,进入设置页面。下拉页面,找到Google。进入Google页面,点击Google账号。进入账号页面,点击验证码下方的查看。输入密码或者使用指纹验证身份。获得Google安全码,利用安全码验证谷歌身份。

jQuery中如何使用PUT请求方式? jQuery中如何使用PUT请求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT请求方式?在jQuery中,发送PUT请求的方法与发送其他类型的请求类似,但需要注意一些细节和参数设置。PUT请求通常用于更新资源,例如更新数据库中的数据或更新服务器上的文件。以下是在jQuery中使用PUT请求方式的具体代码示例。首先,确保引入了jQuery库文件,然后可以通过以下方式发送PUT请求:$.ajax({u

真我 12 Pro怎么安装双卡? 真我 12 Pro怎么安装双卡? Mar 18, 2024 pm 02:10 PM

虽然说国产手机的大致操作是很相似的,但是在有的细节上面还是会有些区别的,比如说不同的手机型号和制造商可能会有不同的双卡安装方式。二真我12Pro这款新手机也是支持双卡双待的,但是这款手机具体又应该怎么安装双卡呢?真我12Pro怎么安装双卡?在安装之间记得先把手机关机哟。步骤一查找SIM卡托盘:查找手机的SIM卡托盘,通常,在真我12Pro中,SIM卡托盘位于手机的侧边或顶部。步骤二插入第一张SIM卡,使用专用的SIM卡针或一个细小的物体,将其插入SIM卡托盘中的开槽,然后,将第一张SIM卡小心地

jQuery小技巧:快速修改页面所有a标签的文本 jQuery小技巧:快速修改页面所有a标签的文本 Feb 28, 2024 pm 09:06 PM

标题:jQuery小技巧:快速修改页面所有a标签的文本在网页开发中,我们经常需要对页面中的元素进行修改和操作。在使用jQuery时,有时候需要一次性修改页面中所有a标签的文本内容,这样可以节省时间和精力。下面将介绍如何使用jQuery快速修改页面所有a标签的文本,同时给出具体的代码示例。首先,我们需要引入jQuery库文件,确保在页面中引入了以下代码:&lt

使用jQuery修改所有a标签的文本内容 使用jQuery修改所有a标签的文本内容 Feb 28, 2024 pm 05:42 PM

标题:使用jQuery修改所有a标签的文本内容jQuery是一款流行的JavaScript库,被广泛用于处理DOM操作。在网页开发中,经常会遇到需要修改页面上链接标签(a标签)的文本内容的需求。本文将介绍如何使用jQuery来实现这个目标,并提供具体的代码示例。首先,我们需要在页面中引入jQuery库。在HTML文件中添加以下代码:

60 年的酝酿:NASA 证实了关于地球全球电场的假设 60 年的酝酿:NASA 证实了关于地球全球电场的假设 Aug 31, 2024 pm 09:35 PM

美国宇航局通过最近的火箭发射证实了地球周围存在全球电场。这是一件大事,因为这是对一种长期理论化但从未被观察到的现象的首次直接测量

射雕手游黄蓉怎么获取 射雕手游黄蓉怎么获取 Mar 27, 2024 pm 10:36 PM

射雕手游即将正式上线,有很多玩家想知道黄蓉怎么获取,玩家首先要下载【网易大神】APP,之后加入到【射雕圈子】,参与玩雕宝小游戏:ssr黄蓉免费送获得。射雕手游黄蓉怎么获取1、首先要下载【网易大神】APP,之后加入到【射雕圈子】。2、到射雕圈子中,页面往上滑显示如下图页面,点击【雕宝】。3、也可以点击下图箭头所示的【玩雕宝小游戏:ssr黄蓉免费送】。4、之后进入到雕宝的页面,点击最底部的【云游中都】,这是一个挂机装置,选择时间和方向即可。5、要云游至少六次,每次选择的时间和方向都要不同。6、点击领

假未来水晶币怎么获得 假未来水晶币怎么获得 Mar 22, 2024 am 08:00 AM

很多玩家想知道假未来水晶币怎么获得,其实有四种不同的方法,包括购买礼包、完成任务、生产货物、开拓土地等,玩家可以根据自己的需要选择不同方式赚取水晶币,具体内容一起来看看这篇假未来水晶币获得方法攻略。假未来攻略大全假未来水晶币怎么获得1、购买礼包商城购买水晶币礼包。2、完成任务完成主线、支线任务获得。3、生产货物家园中生产货物获得水晶币。4、开拓土地开拓土地也能获得,不过奖励是一次性。

See all articles