hujung hadapan web
tutorial js
Kaedah JQuery untuk menyemak set kotak semak dengan nama yang ditentukan dan memaparkannya together_jquery
Kaedah JQuery untuk menyemak set kotak semak dengan nama yang ditentukan dan memaparkannya together_jquery
May 16, 2016 pm 03:58 PMContoh dalam artikel ini menerangkan kaedah JQuery menyemak set kotak pilihan dengan nama yang ditentukan dan memaparkannya bersama-sama. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[name='love']").click(function () {
//获得所有name为love的选中的复选框
var $Checks = $("input[name='love']:checked");
var arr = new Array();
//使用了元素的each方法
//循环Jquery对象里的dom数组
$Checks.each(function (index, value) {
//alert(value);
arr[index] = value.value;
});
$("#MessageInfo").text("你选择了"+arr.length+"个爱好,"+arr.join(","));
});
});
</script>
</head>
<body>
<input type="checkbox" name="love" value="FootBall" />足球
<input type="checkbox" name="love" value="BasketBall" />篮球
<input type="checkbox" name="love" value="VallyBall" />排球
<p id="MessageInfo"></p>
</body>
</html>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Feb 28, 2024 pm 03:12 PM
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Samsung akan menyediakan paparan untuk set kepala MR Microsoft, dan peranti itu dijangka lebih ringan dan mempunyai paparan yang lebih jelas
Aug 10, 2024 pm 09:45 PM
Samsung akan menyediakan paparan untuk set kepala MR Microsoft, dan peranti itu dijangka lebih ringan dan mempunyai paparan yang lebih jelas
Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?
Feb 28, 2024 am 08:39 AM
Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?
Petua jQuery: Cepat ubah suai teks semua teg pada halaman
Feb 28, 2024 pm 09:06 PM
Petua jQuery: Cepat ubah suai teks semua teg pada halaman
Gunakan jQuery untuk mengubah suai kandungan teks semua teg
Feb 28, 2024 pm 05:42 PM
Gunakan jQuery untuk mengubah suai kandungan teks semua teg
Panduan operasi paparan akhiran fail Win11
Mar 09, 2024 am 09:18 AM
Panduan operasi paparan akhiran fail Win11
Apakah perbezaan antara aksara lebar penuh dan aksara separuh lebar?
Mar 25, 2024 pm 03:54 PM
Apakah perbezaan antara aksara lebar penuh dan aksara separuh lebar?
Fahami peranan dan senario aplikasi eq dalam jQuery
Feb 28, 2024 pm 01:15 PM
Fahami peranan dan senario aplikasi eq dalam jQuery
