2012-12-12 67 views
-1

我有一個div元素內的複選框。我想選中複選框作爲託運whenevever我按一下按鈕.. DIV元素標籤如下jquery選擇div元素內的複選框

<div class ="test123" style ="width:90px;"> 
<input id = "chk1" type = "checkbox" value="on"/> 
</div> 

我做這樣的事情,但它不是爲我工作

$(".test123 ").find("input:checked").each(function() { 
    //code to check the checkbox 
});​ 

請建議..

導航。

回答

0

您可以通過

$('#btn').click(function(){ 
$('#chk1').attr("checked","true"); 
}) 

<input type="button" id="btn" /> 
+0

但這意味着,我需要點擊div,對不對?我想要的是,點擊按鈕,並在格子裏面的複選框.. – Gagan

1
$('.btn').click(function(){ 
$('#chk1').attr('checked','checked'); // $('#chk1').attr("checked","true"); 
}) 

做到這一點都應該可以正常工作適合你。

HTML

<div class ="test123" style ="width:90px;"> 
<input id = "chk1" type = "checkbox" value="on"/> 
</div> 
<input type="button" class="btn" /> 
+0

但這將意味着,我需要點擊div,對不對?我想要的是,點擊按鈕,並在格子裏面的複選框。 – Gagan

+0

檢查更新的答案 – Techie

+0

'class =「。btn」'? :) – Morpheus

0
$(".test123 ").find("input:checked").each(function() { 

代替上述之一..嘗試使用

$("#button").click(function() { 
     $(".test123").find("input:checkbox").each(function() { 
      if($(this).attr('checked')) { 
      } else { 
       $(this).attr('checked','checked'); 
      } 
     }); 
    }); 
0
$('#btn').click(function(){ 

    $('.test123').find('input[type=checkbox]').attr('checked','true'); 



    }); 
1

您的解決方案的最佳方式是使用標籤,而不是一個div像這樣

<label class ="test123" style ="width:90px;"> 
    <input id="chk1" type="checkbox" value="on"/> 
</label> 

所以你不需要JavaScript代碼!