首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++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安全碼,利用安全碼驗證Google身分。

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

jQuery中如何使用PUT請求方式?在jQuery中,發送PUT請求的方法與發送其他類型的請求類似,但需要注意一些細節和參數設定。 PUT請求通常用於更新資源,例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先,確保引入了jQuery庫文件,然後可以透過以下方式發送PUT請求:$.ajax({u

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

標題:jQuery小技巧:快速修改頁面所有a標籤的文字在網頁開發中,我們經常需要對頁面中的元素進行修改和操作。使用jQuery時,有時候需要一次修改頁面中所有a標籤的文字內容,這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本,同時給出具體的程式碼範例。首先,我們需要引入jQuery庫文件,確保在頁面中引入了以下程式碼:&lt

真我 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 05:42 PM

標題:使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫,被廣泛用於處理DOM操作。在網頁開發中,經常會遇到需要修改頁面上連結標籤(a標籤)的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標,並提供具體的程式碼範例。首先,我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼:

60 年的醞釀:NASA 證實了關於地球全球電場的假設 60 年的醞釀:NASA 證實了關於地球全球電場的假設 Aug 31, 2024 pm 09:35 PM

美國太空總署透過最近的火箭發射證實了地球周圍存在全球電場。這是一件大事,因為這是對長期理論化但從未被觀察到的現象的首次直接測量

假未來水晶幣怎麼獲得 假未來水晶幣怎麼獲得 Mar 22, 2024 am 08:00 AM

很多玩家想知道假未來水晶幣怎麼獲得,其實有四種不同的方法,包括購買禮包、完成任務、生產貨物、開拓土地等,玩家可以根據自己的需求選擇不同方式賺取水晶幣,具體內容一起來看看這篇假未來水晶幣獲得方法攻略。假未來攻略大全假未來水晶幣怎麼獲得1、購買禮包商城購買水晶幣禮包。 2、完成任務完成主線、支線任務獲得。 3.生產貨物家園中生產貨物獲得水晶幣。 4.開拓土地開拓土地也能獲得,不過獎勵是一次性。

了解jQuery中eq的作用及應用場景 了解jQuery中eq的作用及應用場景 Feb 28, 2024 pm 01:15 PM

jQuery是一種流行的JavaScript庫,被廣泛用於處理網頁中的DOM操作和事件處理。在jQuery中,eq()方法是用來選擇指定索引位置的元素的方法,具體使用方法和應用場景如下。在jQuery中,eq()方法選擇指定索引位置的元素。索引位置從0開始計數,即第一個元素的索引是0,第二個元素的索引是1,依此類推。 eq()方法的語法如下:$("s

See all articles