选中复选框“立即回显提交”按钮

choosing checkbox echoing submit button immediately

本文关键字：提交 按钮 复选框      更新时间：2023-09-26

如果我有复选框，并通过选择它（没有任何提交按钮）向我显示提交按钮，代码是什么

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

没有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>

不是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 等框架还有更优雅的解决方案

类似的东西，但只有当您确实提交了表单，但除了此检查之外，没有对post值执行任何操作时，这才有效。JavaScript将是更好的选择。

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

原始代码：（在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();
});

演示

相关文章：