2013-02-06 103 views
-1

我如何將這個http://jsfiddle.net/8YBu5/24/應用到我的代碼如下所示。隱藏的僅僅是我的提交按鈕,即使該複選框被選中或取消選中的形式加載...如何顯示/隱藏數組提交按鈕複選框

foreach($results as $result) { 
<input type ='checkbox' name ='studid[]' value='". $result['studId']."' id='checky' > 
echo ' ', $result['fname'],' ',$result['mname'],' ',$result['lname'],'<br/>'; 
} 
     <input type="submit" name="select" value="Select" id='postme' > 
+1

請更具體一些關於您的問題? –

+0

@DevangRathod ..我想隱藏我的提交按鈕,如果複選框未選中,並顯示它是否被選中。 –

+0

什麼bt條款和條件...你想隱瞞呢? –

回答

0
foreach($results as $result) { 
<input type ='checkbox' name ='studid[]' value='". $result['studId']."' class='checky' > 
echo ' ', $result['fname'],' ',$result['mname'],' ',$result['lname'],'<br/>'; 
} 
     <input type="submit" name="select" value="Select" id='postme' > 

$('.checky').click(function(){ 
    $('#postme').toggle(); 
}); 

這只是選擇所有的複選框,並不僅一。在HTML頁面中不應該有重複的id。

但是這段代碼是愚蠢的。

+0

它仍然隱藏我的按鈕..爲什麼? –

+0

所以你的意思是,如果我有10個複選框,那麼我將只檢查5個,它不會工作? –

0

您可以使用這樣的事情:

$(document).ready(function(){ 
    $('.checky').click(function() 
    { 
     if($(".checky:checked").length == 0) { 
      $('#postme').hide(); 
     } else { 
      $('#postme').show(); 
     } 
    }); 
}); 
0

你的HTML

<input type="checkbox" id="checky"><a id="link" href="#">terms and conditions</a> 
<input type="submit" id="postme" value="submit"> 

現在的jQuery

$('#checky').click(function(){ 
    $('#postme').toggle(); 
    if(checky.checked == false) { 
     $('#link').hide(); 
    } else { 
     $('#link').show(); 
    } 
}); 

CSS:

#postme{ display: none; } 

小提琴: http://jsfiddle.net/8YBu5/24/

相關問題