c#+jquery實(shí)現(xiàn)獲取radio和checkbox的值
更新時(shí)間：2020年09月12日 14:26:58 投稿：hebedich
這篇文章主要介紹了c#結(jié)合jquery實(shí)現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下
廢話不多說(shuō)，直接上代碼
復(fù)制代碼 代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Web2.aspx.cs" Inherits="Chapter2.Web2" %>
<!DOCTYPE html>
<html xmlns=" <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每個(gè)
shuzu.push($(this).val());//給數(shù)組賦值
});
window.alert(str1 + '\n' + str2 + '\n' + "愛(ài)好：" + 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 />
愛(ài)好：<input type="checkbox" />游泳
<input type="checkbox" name="aihao" value="爬山" />爬山
<input type="checkbox" name="aihao" value="打球" />打球
<input type="checkbox" name="aihao" value="騎車(chē)" />騎車(chē)
<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>
代碼很簡(jiǎn)潔，卻很實(shí)用，小伙伴們根據(jù)自己的項(xiàng)目需求改寫(xiě)下即可使用。
相關(guān)文章
基于Jquery的溫度計(jì)動(dòng)畫(huà)效果
將代碼一一拷貝到頁(yè)面相應(yīng)的位置，然后記得調(diào)用jquery框架，展示條件有限，所以效果跟設(shè)計(jì)圖有出入，但實(shí)現(xiàn)原理是一樣的，歡迎大家多多交流！2010-06-06
這篇文章主要為大家詳細(xì)介紹了jquery表單插件Autotab使用方法，Autotab自動(dòng)Tab文本框，感興趣的小伙伴們可以參考一下2016-06-06
下面小編就為大家?guī)?lái)一篇jQuery 局部div刷新和全局刷新方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery EasyUI API 中文文檔 - Pagination分頁(yè)
jQuery EasyUI API 中文文檔 - Pagination分頁(yè)，使用jQuery EasyUI的朋友可以參考下。2011-09-09
本文給大家分享的是jquery頂部浮動(dòng)彈出層，點(diǎn)擊浮動(dòng)層動(dòng)畫(huà)彈出層，彈出層從頂部動(dòng)畫(huà)滑動(dòng)效果，效果非常不錯(cuò)，推薦給大家。2015-08-08
jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼
這篇文章主要介紹了jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
jquery實(shí)現(xiàn)員工信息添加與刪除功能
這篇文章主要為大家詳細(xì)介紹了利用jquery制作簡(jiǎn)易的員工信息添加與刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
jQuery Validate 無(wú)法驗(yàn)證 chosen-select元素的解決方法
這篇文章主要介紹了jQuery Validate 無(wú)法驗(yàn)證 chosen-select元素的解決方法,需要的朋友可以參考下2017-05-05
jquery zTree異步加載簡(jiǎn)單實(shí)例分享
Ztree是一個(gè)使用jQuery實(shí)現(xiàn)的JSP頁(yè)面的各種功能樹(shù)，本文介紹一個(gè)異步獲取數(shù)據(jù)到下拉樹(shù)的實(shí)現(xiàn)方式,感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)ztree有所幫助2013-02-02
基于jQuery滑動(dòng)桿實(shí)現(xiàn)購(gòu)買(mǎi)日期選擇效果
這是一款基于jQuery的滑動(dòng)桿購(gòu)買(mǎi)日期選擇插件，它的外觀仿的是阿里云的服務(wù)器購(gòu)買(mǎi)日期選擇界面。這款jQuery插件非常適合在一些虛擬產(chǎn)品購(gòu)買(mǎi)頁(yè)面上使用，它可以幫助你的用戶快速選擇產(chǎn)品的購(gòu)買(mǎi)日期，感興趣的朋友跟著小編學(xué)習(xí)吧2015-09-09