2011-08-24 31 views
2

我有一個網頁,其中有一個複選框位於頁面頂部,另一個複選框位於頁面底部。現在我的問題是,如果我檢查頂部複選框底部複選框也需要檢查,如果我取消選中底部複選框頂部複選框需要取消選中。 兩個複選框的功能必須相同。 這必須由Jquery解決。關於Jquery中的複選框

+1

你在做什麼puja?你可以在這裏粘貼你的代碼嗎? – AlphaMale

回答

-3

給這個一去

$(document).ready(function(){ 
    $("input[type=checkbox]").change(function(){$("input[type=checkbox]").attr("checked",$(this).attr("checked"));} 
}) 
+1

它會影響頁面上的任何輸入 –

+0

這是錯誤的,複選框的值不會給你複選框的狀態。 「檢查」是輸入參數,與「值」是參數相同。 – Deele

+0

Geez ...停止成爲一個負面的南希 – Coomie

0

問題出在哪裏,閱讀jQuery文檔? :thumbsdown:對於這樣一個簡單的問題...

選擇所有複選框或特定的一個:

var chkbx = $('input[type=checkbox]'); 

知道的,如果它的檢查:

chkbx.is(':checked'); 

檢查它,如果需要的話:

chkbx.attr('checked', true); 

或者取消:

同時放所有複選框
chkbx.attr('checked', false); 

更改狀態(如果選擇通過修改select語句的具體的人,你會得到你需要的東西):

chkbx.change(function(){ 
$('input[type=checkbox]').attr('checked', $(this).is(':checked')) 
}); 

我希望,這是足以讓你解決你的情況。

+0

@puja,你的意思是,離jQuery很遠? :P – Deele

+0

@puja,另外,如果您喜歡任何給定的答案,請在其左側使用複選標記,以獎勵回覆者,因爲他的花費時間有問題:) – Deele

0

嘗試是這樣的:

$("input[type=checkbox]").change(function() { 
    var val = $(this).attr('checked'); 
    $("input[type=checkbox]").each(function() { 
     $(this).attr('checked', val); 
    }); 
}); 
1

下面是我們如何可以限制的功能只針對需要兩個複選框。

<html> 
<script type="text/javascript" src="jquery-1.5.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".checkBoxClass").click(function() { 
      $(".checkBoxClass").attr("checked",$(this).attr("checked")); 
    }); 
}); 
</script> 
<input type="checkbox" class="checkBoxClass" value="" />Top<br/> 

<input type="checkbox" class="checkBoxClass" value="" />Bottom 
</html>