c#+jquery實現(xiàn)獲取radio和checkbox的值
更新時間：2020年09月12日 14:26:58 投稿：hebedich
這篇文章主要介紹了c#結(jié)合jquery實現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下
廢話不多說，直接上代碼
復制代碼 代碼如下:
<%@ 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ù)自己的項目需求改寫下即可使用。
相關文章
jQuery在1.5引入了Deferred對象（異步列隊），當時它還沒有劃分為一個模塊，放到核心模塊中。直到1.52才分割出來2012-11-11
在本篇文章里小編給大家分享了關于JQuery判斷radio單選框是否選中并獲取值的方法，需要的朋友們可以學習下。2019-01-01
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的，在本文將為大家想你想介紹下，感興趣的朋友不要錯過2013-09-09
你有沒有手工的編寫過一些重復的代碼？你也覺得它們是如此的無聊吧。好了，這里有更好的解決辦法。2009-12-12
jQuery Trim去除字符串首尾空字符的實現(xiàn)方法說明
本篇文章主要是對jQuery Trim去除字符串首尾空字符的實現(xiàn)方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要為大家詳細介紹了jquery實現(xiàn)手風琴展開效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多網(wǎng)站都是使用這種方式引入，客戶的瀏覽器可能已經(jīng)緩存過了 jquery?？梢灾苯诱{(diào)用本地的，速度更快2011-04-04
一樣的table？不一樣的table(可編輯狀態(tài)table)
今天要分享的table不僅僅能顯示數(shù)據(jù)，還可以對數(shù)據(jù)進行編輯，當鼠標點擊數(shù)據(jù)時相應的數(shù)據(jù)格就變成可編輯的狀態(tài)，廢話不多說，進入今天的主題2012-09-09
用JQUERY增刪元素的代碼，需要的朋友可以參考下2012-02-02
這篇文章主要介紹了jquery選擇checked在ie8普通模式下的問題,需要的朋友可以參考下2014-02-02