如何显示/隐藏数组上的提交按钮复选框 - how to show/hide submit button on array checkbox

how to show/hide submit button on array checkbox

如何应用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' >

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重复。

但是这个代码是愚蠢的。

您可以使用这样的东西：

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

您的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; }

Fiddle：http://jsfiddle.net/8YBu5/24/