c#+jquery實(shí)現(xiàn)獲取radio和checkbox的值
更新時(shí)間：2020年09月12日 14:26:58 投稿：hebedich
這篇文章主要介紹了c#結(jié)合jquery實(shí)現(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每個(gè)
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>
代碼很簡(jiǎn)潔，卻很實(shí)用，小伙伴們根據(jù)自己的項(xiàng)目需求改寫下即可使用。
相關(guān)文章
jquery1.83 之前所有與異步列隊(duì)相關(guān)的模塊詳細(xì)介紹
jQuery在1.5引入了Deferred對(duì)象（異步列隊(duì)），當(dāng)時(shí)它還沒有劃分為一個(gè)模塊，放到核心模塊中。直到1.52才分割出來2012-11-11
在本篇文章里小編給大家分享了關(guān)于JQuery判斷radio單選框是否選中并獲取值的方法，需要的朋友們可以學(xué)習(xí)下。2019-01-01
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的，在本文將為大家想你想介紹下，感興趣的朋友不要錯(cuò)過2013-09-09
jQuery 連續(xù)列表實(shí)現(xiàn)代碼
你有沒有手工的編寫過一些重復(fù)的代碼？你也覺得它們是如此的無聊吧。好了，這里有更好的解決辦法。2009-12-12
jQuery Trim去除字符串首尾空字符的實(shí)現(xiàn)方法說明
本篇文章主要是對(duì)jQuery Trim去除字符串首尾空字符的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jquery實(shí)現(xiàn)手風(fēng)琴展開效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)手風(fēng)琴展開效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下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ù)，還可以對(duì)數(shù)據(jù)進(jìn)行編輯，當(dāng)鼠標(biāo)點(diǎn)擊數(shù)據(jù)時(shí)相應(yīng)的數(shù)據(jù)格就變成可編輯的狀態(tài)，廢話不多說，進(jìn)入今天的主題2012-09-09
用JQUERY增刪元素的代碼，需要的朋友可以參考下2012-02-02
這篇文章主要介紹了jquery選擇checked在ie8普通模式下的問題,需要的朋友可以參考下2014-02-02