cari

Rumah >hujung hadapan web >tutorial js >c# JQurey melaksanakan mendapatkan nilai radio dan kotak semak

c# JQurey melaksanakan mendapatkan nilai radio dan kotak semak

PHPz
PHPzasal
2016-05-16 16:29:211526semak imbas

Artikel ini terutamanya memperkenalkan kaedah mendapatkan nilai radio dan kotak semak menggunakan c# digabungkan dengan JQurey Kod dikongsi dengan semua orang yang memerlukannya boleh merujuknya.

Tanpa berlengah lagi, mari terus ke kod: 

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

Kod ini sangat ringkas, tetapi sangat praktikal Rakan boleh menulis semula mengikut keperluan projek mereka sendiri dan menggunakannya.

Di atas adalah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video jQuery, Tutorial Video C#!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Melaksanakan penskalaan berkadar imej berdasarkan jquery_jqueryArtikel seterusnya：Melaksanakan penskalaan berkadar imej berdasarkan jquery_jquery

Artikel berkaitan

Lihat lagi