c# JQurey melaksanakan mendapatkan nilai radio dan kotak semak-tutorial js-php.cn

c# JQurey melaksanakan mendapatkan nilai radio dan kotak semak

PHPz

Lepaskan： 2018-09-30 11:11:30

asal

1490 orang telah melayarinya

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>

Salin selepas log masuk

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#!