c# JQurey implémente l'obtention des valeurs de radio et de case à cocher-js tutoriel-php.cn

c# JQurey implémente l'obtention des valeurs de radio et de case à cocher

PHPz

Libérer： 2018-09-30 11:11:30

original

1492 Les gens l'ont consulté

Cet article présente principalement la méthode d'obtention de la valeur de la radio et de la case à cocher en utilisant c# combiné avec JQurey. Le code est partagé avec tous les amis qui en ont besoin peuvent s'y référer.

Sans plus tarder, passons directement au 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>

Copier après la connexion

Le code est très concis, mais très pratique. Les amis peuvent le réécrire selon les besoins de leur propre projet et l'utiliser.

Ce qui précède représente l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo jQuery, Tutoriel vidéo C# !