2013-02-06 56 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/

相关问题