suchen

Heim >Web-Frontend >js-Tutorial >c# JQurey implementiert das Abrufen der Werte von Radio und Checkbox

c# JQurey implementiert das Abrufen der Werte von Radio und Checkbox

PHPz
PHPzOriginal
2016-05-16 16:29:211522Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum Ermitteln des Werts von Radio und Kontrollkästchen mithilfe von C# in Kombination mit JQurey vorgestellt. Der Code wird mit allen geteilt, die ihn benötigen.

Kommen wir ohne weitere Umschweife direkt zum Code: 

<%@ 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>

Der Code ist sehr prägnant, aber sehr praktisch. Freunde können ihn entsprechend ihren eigenen Projektanforderungen umschreiben und verwenden.

Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter jQuery-Video-Tutorial, C#-Video-Tutorial!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Implementierung der proportionalen Skalierung von Bildern basierend auf jquery_jqueryNächster Artikel：Implementierung der proportionalen Skalierung von Bildern basierend auf jquery_jquery

In Verbindung stehende Artikel

Mehr sehen