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

JavaScript按钮启用和禁用PHP

2 个答案:

HTML

的jQuery

DEMO