Question

我有两个按钮，如“保存”和“创建”。现在我的问题是当页面加载时，“创建”按钮应该“启用”，“保存”按钮被“禁用”。

现在，如果我点击“创建”按钮，则“保存”按钮应该“启用”，“创建”按钮现在应该被“禁用”。

//php code start
<?php
$isSaveDisabled = false;
if(isset($_POST['save']))
    {
        echo 'Hello robin';
        $isSaveDisabled = true;
    }
if(isset($_POST['create']))
    {
        echo 'Byeeee robin';
    }

?>
// php code ends
//bootstrap code start
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="BootStrap/css/bootstrap.min.css">
        <title></title>
    </head>
    <body >
        <div class="container jumbotron">

        <form action="" method="post">

            <div class="btn-group-xs">
            <button type="submit" id="btn1" name="save" <?php if ($isSaveDisabled) { echo 'disabled="disabled"';}?>>Save</button>
            <button type="submit" id="btn2" name="create">Create</button>

            </div>


        </form>
        </div>
    </body>
</html>
//bootstrap code ends

Answer 1

试试..

//php code start
<?php
$isSaveDisabled = true;
$isCreateDisabled=false;
if(isset($_POST['save']))
    {
        echo 'Hello robin';
        $isCreateDisabled=false;
    }
if(isset($_POST['create']))
    {
        echo 'Byeeee robin';
        $isSaveDisabled = false;
    }

?>
// php code ends
//bootstrap code start
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="BootStrap/css/bootstrap.min.css">
        <title></title>
    </head>
    <body >
        <div class="container jumbotron">

        <form action="" method="post">

            <div class="btn-group-xs">
            <button type="submit" id="btn1" name="save" <?php echo $isSaveDisabled?'disabled':''; ?>>Save</button>
            <button type="submit" id="btn2" name="create" <?php echo $isCreateDisabled?'disabled':'';?>>Create</button>
            </div>


        </form>
        </div>
    </body>
</html>
//bootstrap code ends

Answer 2

可以使用jQuery完成。

试试这个：

    $(document).on('click','#btn2',function(){
       $(this).prop('disabled',true);
       $('#btn1').prop('disabled',false);
    });

Answer 3

将此内容包含在您的HTML中

<script>
 $(document).on('click','#btn2',function(){
       $("#btn2").prop('disabled',true);
       $("#btn1").prop('disabled',false);
    });
</script>

另外，在你的HTML中加入jQuery。

Answer 4

使用if来测试页面是否已通过create提交以禁用创建

<div class="btn-group-xs">

            <?php $create,$save = ''; if(isset($_POST['create'])) {$create = 'disabled';} else {$save = 'disabled';}?>
            <button type="submit" id="btn1" name="save" <?php $save?>>Save</button>
            <button type="submit" id="btn2" value="create" name="create" <?php $save?> >Create</button>

            </div>

如何通过PHP将“禁用”按钮设置回“启用”？

4 个答案: