獲取 checkbox的選中個(gè)數(shù)可以直接使用如下jquery語法

五龍口網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,五龍口網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為五龍口上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的五龍口做網(wǎng)站的公司定做!
$("input[type='checkbox']:checked").length;
實(shí)例演示如下
創(chuàng)建Html元素
div?class="box"
span點(diǎn)擊按鈕獲取選中個(gè)數(shù):/spanbr
div?class="content"
input?type="checkbox"?name="test"?蘿卜
input?type="checkbox"?name="test"?青菜
input?type="checkbox"?name="test"?小蔥
input?type="checkbox"?name="test"?豆腐
input?type="checkbox"?name="test"?土豆
/div
input?type="button"?class="btn"?value="獲取被選擇個(gè)數(shù)"
/div
設(shè)置css樣式
div.box{width:300px;height:250px;padding:10px?20px;margin:20px;border:4px?dashed?#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px?0;padding:5px?20px;border:2px?solid?#ff6666;}
input[type='checkbox']{margin:5px?10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px?solid?#ebbcbe;}
編寫jquery代碼
$(function(){
$("input:button").click(function()?{
alert($("input[type='checkbox']:checked").length);
});
})
觀察效果
可以先獲取所有相同class的標(biāo)簽,然后獲取標(biāo)簽的個(gè)數(shù)。
1、新建html文檔,在body標(biāo)簽中添加一些div標(biāo)簽,并為這些div標(biāo)簽設(shè)置一些類,然后引入jquery文件:
2、使用jquery獲取所有相同類名的標(biāo)簽,格式為$('.class名'),這時(shí)所有相同類名的標(biāo)簽會被選中:
3、獲取標(biāo)簽之后,使用length屬性獲取標(biāo)簽的個(gè)數(shù),這時(shí)相同類名的個(gè)數(shù)就被獲取到了:
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:$('body').append($('.a').length);。
3、瀏覽器運(yùn)行index.html頁面,此時(shí)用jquery獲取了class是a的個(gè)數(shù)并打印。
取得jQuery?對象中元素的個(gè)數(shù),可以用兩種方法:
var valueDate = $('.datePicker').size();
這個(gè)是jQuery提供的方法(method),因需要用括號進(jìn)行調(diào)用。
var valueDate = $('.datePicker').length;
每個(gè)jQuery對象其實(shí)也是一個(gè)數(shù)組,length是數(shù)組的屬性(property),不需要用括號。
文章標(biāo)題:jquery個(gè)數(shù),jquery百度百科
URL分享:http://chinadenli.net/article5/dsshjoi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、Google、域名注冊、網(wǎng)站排名、網(wǎng)站建設(shè)、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)