JavaScript按钮启用和禁用PHP

Question

我有一个while循环从数据库中获取数据。 我做了三个按钮：

> Open  
> Hold   
> Close

第一次加载页面时，只应启用打开按钮，并禁用其他按钮。

单击打开按钮后，应禁用打开按钮，并应启用保持和关闭按钮。

我得到的结果只有一行，但在while循环中不是所有的行。

我用过PHP的JavaScript。

例：

function onload()
{
    document.getElementById("Hold").disabled = true;
    document.getElementById("close").disabled = true;
    return false; 
}

上面的代码适用于第一行，但我需要它来处理所有while循环值。

Answer 1

您的问题在于您对多个元素使用相同的ID - 每个元素的ID必须是唯一的，因此，getElementById返回带有该ID的ONE元素。 改为给他们上课。

Answer 2

HTML

<input type="button" value="Open" id="openButton" name="openButton">
<input type="button" value="Hold" id="holdButton" name="holdButton" disabled="disabled">
<input type="button" value="Close" id="closeButton" name="closeButton" disabled="disabled">

jQuery的

$(document).on('click','input[type=button]', function() {
               buttonVal = $(this).val();
    if(buttonVal == 'Open' )
    {
        $(this).prop("disabled", true);
        $('#holdButton,#closeButton').prop("disabled", false);
    }
    else
    {
         $('#holdButton,#closeButton').prop("disabled", true);
         $('#openButton').prop("disabled", false);
    }
});

DEMO