JavaScript按钮启用和禁用与PHP


JavaScript Button Enable and Disable with PHP

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

> Open  
> Hold   
> Close

当页面第一次加载时,只有打开按钮应该启用,其他按钮应该禁用。

当我点击打开按钮后,打开按钮应该被禁用,保持和关闭按钮应该被启用。

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

我已经使用JavaScript与php。

的例子:

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

上面的代码适用于第一行,但我需要它适用于所有while循环值

您的问题在于您使用相同的ID为多个元素- ID必须是唯一的每个元素,因此,getElementById返回一个元素,与该ID。

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);
    }
});
演示