Question

如何将此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' >

Answer 1

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

但这段代码很蠢。

Answer 2

您可以使用以下内容：

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

Answer 3

你的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/

如何在数组复选框上显示/隐藏提交按钮

3 个答案: