选择复选框立即回显提交按钮

时间:2011-06-03 10:28:18

标签: php javascript post checkbox submit

如果我有复选框并选择它(没有任何提交按钮)显示我提交按钮

的代码是什么
<html>
<head>
<title>test</title>
<form method="post">
<?php
//what will be the code here?
?>
<input type='checkbox' name='cb'>
</form>
</html>

4 个答案:

答案 0 :(得分:5)

如果没有Javascript,根本无法做到。用Javascript?

简单,快速,甜美,平易近人

<script>
function openinput() {
    document.getElementById('submit').style.visibility = "visible";
}
</script>
<form>
<input type="checkbox" onclick="openinput()" />
<input type="submit" id="submit" value="go" style="visibility: hidden" />
</form>

答案 1 :(得分:3)

不是一个JS人,但这样简单的事情应该有效(未经测试的代码):

<script>
function showHide(obj){
    if(obj.checked==true){
        document.getElementById('submit_btn').style.display = 'inline'; 
    }else{ 
        document.getElementById('submit_btn').style.display = 'none'; 
    }
}
</script>

<form method="post">
<input type='checkbox' name='cb' onclick="showHide(this)">
<input type="submit" id="submit_btn" value="submit" style="display:none" />
</form>

当然,使用像JQuery这样的框架有更优雅的解决方案

答案 2 :(得分:0)

这样的东西,但这只有在您确实提交表单但不对此检查以外的帖子值做任何事情时才有效。 JavaScript是更好的选择。

<?php
if(isset($_POST['cb'])) {
?>
<input type="submit" value="go power rangers" />
<?php
};
?>

答案 3 :(得分:-1)

原始代码:(在jQuery v1.6中)

 $('input[type="checkbox"]').change(function() {
    var $input = $(this);
    if($input.prop('checked')){
       alert('checked');
       $('input[type="submit"]').show();
   }
    else
        $('input[type="submit"]').hide();
});

DEMO