快捷導(dǎo)航

jquery判斷復(fù)選框是否被選中的方法

更新時(shí)間：2015年10月16日 14:31:42 投稿：lijiao

這篇文章主要介紹了jquery判斷復(fù)選框是否被選中的方法，需要的朋友可以參考下

jquery 判斷復(fù)選框是否選中以及如何選中的問題做一下總結(jié)。
進(jìn)入正題，還是當(dāng)頁面有如下一組復(fù)選框的時(shí)候：

<input type="checkbox" name="fruit" value="apple" />蘋果 
<input type="checkbox" name="fruit" value="orange" />橘子 
<input type="checkbox" name="fruit" value="banana" />香蕉 
<input type="checkbox" name="fruit" value="grape" />葡萄

那么使用 Jquery 獲取 name=fruit 的一組復(fù)選框的值的方法如下：

var checkVal=''; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    checkVal+=$(this).val()+','; 
  } 
}) 
判斷 name=fruit 組的復(fù)選框是否有被選中的選項(xiàng)：
var flag=false; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert('有被選中'); 
}else{ 
  alert('沒有選中任何選項(xiàng)'); 
}

以上就是jquery判斷復(fù)選框是否被選中的方法，希望對(duì)大家的學(xué)習(xí)有所幫助，還有用js獲取的，請(qǐng)參考《JS判斷復(fù)選框是否選中實(shí)例》

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法,涉及jQuery針對(duì)json數(shù)據(jù)的讀取、遍歷及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-02-02
jquery-easyui關(guān)閉tab自動(dòng)切換到前一個(gè)tab
考慮到用戶體驗(yàn)，當(dāng)用戶關(guān)閉tab時(shí)，自動(dòng)切換到前一個(gè)tab不至于讓用戶看到空的界面。
2010-07-07
jquery 輪換顯示第一小個(gè)例子
用jquery實(shí)現(xiàn)的橫向顯示輪換效果。
2010-05-05
基于jquery的合并table相同單元格的插件(精簡(jiǎn)版)
正好項(xiàng)目中有個(gè)小需求, 要求把表格指定列中內(nèi)容相同的單元格進(jìn)行合并,本質(zhì)上涉及的就是td的rowspan屬性, 數(shù)出含相同內(nèi)容單元格的個(gè)數(shù), 然后給第一個(gè)與上一行內(nèi)容不同的td其rowspan屬性附上正確的值即可, 為了能直觀的理解
2011-04-04
jquery slibings選取同級(jí)其他元素的實(shí)現(xiàn)代碼
jquery選取同級(jí)其他元素可以使用slibings方法，end方法可以清除之前的鏈?zhǔn)讲僮?，相?dāng)于重新開始
2013-11-11
jQuery對(duì)表單的操作代碼集合
jQuery對(duì)表單的操作代碼集合，學(xué)習(xí)jquery的朋友可以參考下。
2011-04-04
jQuery限制圖片大小的方法
這篇文章主要介紹了jQuery限制圖片大小的方法,對(duì)比分析了常見的jQuery限制圖片操作方法及改進(jìn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-05-05
jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目，使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型，前端進(jìn)行不同的響應(yīng)，這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下
2016-11-11
jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法,涉及jQuery基于cookie針對(duì)頁面元素屬性的相關(guān)保存操作技巧,需要的朋友可以參考下
2016-06-06
詳解jQuery中的isPlainObject()使用方法
本篇文章給大家詳細(xì)分析了jQuery中的isPlainObject()使用方法，對(duì)此有需求的讀者們可以學(xué)習(xí)下。
2018-02-02