Home/ Questions/Q 6933969
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T11:54:02+00:00

How could I write this in javascript or jQuery: When I push the button

  • 0

How could I write this in javascript or jQuery:
When I push the button the first time the onoff var in the change function gets the value off and the off button changes to a button named on;
now when I press the on button the var onoff gets the value on and the button changes to an off button again. 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript">
    function change( inputId ) { 
        /* ... do something with inputId ... */
        var onoff = 'off';
        console.log( onoff );
    }
</script>
</head>
<body>
<form>
    <table>
        <tr>
            <td>one:</td><td><input name="one" id="one" /></td>
            <td><input type="button" id="b_one" value="off" onclick="change('one')"></td>
        </tr>
        <tr>
            <td>two:</td><td><input name="two" id="two" /></td>
            <td><input type="button" id="b_two" value="off" onclick="change('two')"></td>
        </tr>
    </table>
    <br /><br /><input type="submit" value="ok"/></div><br />
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is in “pure” JavaScript. You will retrieve the button elements for given input and change its value based on the previous value.

    function change( inputId ) { 
    var button = document.getElementById('b_' + inputId);
    button.value = button.value === 'off' ? 'on' : 'off';
}

    HERE is the code.

    Your change() function won’t work because ‘off’ is assigned to onoff variable everytime the function is called. You have to move the variable definition outside the change() function if you want to use it.

    • 0