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