JavaScript Button Enable and Disable with PHP

Question

I have a while loop that fetches data from a database. I have made three buttons:

> Open  
> Hold   
> Close

The first time when the page loads, only the open button should be enabled, and the others should be disabled.

After I click the open button, the open button should be disabled, and the hold and close buttons should be enabled.

I got this result for only one row, but in the while loop not for all the rows.

I have used JavaScript with php.

Example:

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

The above code was working for the first row, but I need it to work for all the while loop values.

Include a sample of your markup.

nikc.org
– nikc.org

2012-01-03 13:13:17 +00:00
Commented Jan 3, 2012 at 13:13 — nikc.org
– nikc.org, Commented Jan 3, 2012 at 13:13

Andreas Eriksson · Accepted Answer · 2012-01-03 13:00:48Z

6

Your problem lies in that you are using the same ID for multiple elements - ID's must be unique to each element, and thus, getElementById returns ONE element, with that ID. Give them classes instead.

answered Jan 3, 2012 at 13:00

Andreas Eriksson

9,0278 gold badges52 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xkeshav · Accepted Answer · 2012-01-03 13:18:33Z

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

answered Jan 3, 2012 at 13:18

xkeshav

54.2k47 gold badges183 silver badges255 bronze badges

Collectives™ on Stack Overflow

JavaScript Button Enable and Disable with PHP

2 Answers 2

Comments

HTML

jQuery

DEMO

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

HTML

jQuery

Comments

Your Answer

Sign up or log in

Post as a guest

Related