JQuery勾選指定name的復選框集合并顯示的方法
更新時間：2015年05月18日 11:28:38 作者：永遠愛好寫程序
這篇文章主要介紹了JQuery勾選指定name的復選框集合并顯示的方法,涉及jQuery表單元素操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JQuery勾選指定name的復選框集合并顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!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方法
//循環(huán)Jquery對象里的dom數(shù)組
$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>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
基于jquery的web頁面日期格式化插件，需要的朋友可以參考下。2011-11-11
這篇文章主要介紹了jQuery應(yīng)用之jQuery鏈用法,實例形式分析了jQuery鏈的原理及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
jQuery移動端跑馬燈抽獎特效升級版(抽獎概率固定)實現(xiàn)方法
這篇文章主要介紹了jQuery移動端跑馬燈抽獎特效升級版(抽獎概率固定)實現(xiàn)方法,涉及jQuery數(shù)值運算及條件判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
Prop和attr的作用類似，相同點：兩者都可以獲取屬性值和設(shè)置屬性值，下面為大家介紹下具體的使用2013-12-12
這次項目就有這個要求了，模擬選項框，我選擇使用div+css+jquery來實現(xiàn)，總的來說還不錯，感興趣的朋友可以參考下2013-11-11
這篇文章主要為大家詳細介紹了jquery canvas生成帶有二維碼的海報，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
基于jQuery實現(xiàn)的仿百度首頁滑動選項卡效果代碼
這篇文章主要介紹了基于jQuery實現(xiàn)的仿百度首頁滑動選項卡效果代碼,涉及jQuery響應(yīng)鼠標事件實現(xiàn)頁面元素動態(tài)變換的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
jQuery刪除節(jié)點的三個方法即remove()detach()和empty()
jQuery提供了三種刪除節(jié)點的方法，即remove()，detach()和empty()，下面為大家詳細介紹下jQuery刪除節(jié)點三個方法的具體使用2013-12-12
40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之三
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片，并且用戶可以點擊左右按鈕來切換圖片。2012-01-01
jquery統(tǒng)計用戶選中的復選框的個數(shù)
使用選擇器得到所有被勾選的復選框元素的集合，然后通過判斷元素的個數(shù)來得到用戶勾選的個數(shù),需要的朋友可以參考下2014-06-06