how to get input name value in javascript

Open Oystercatcher answered on April 7, 2021 Popularity 8/10 Helpfulness 2/10

answer how to get input name value in javascript

related js get value of an input by name

related how to get input name in javascript

how to get input name value in javascript

Comment

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JavaScript getElementsByName Demo</title>
</head>

<body>
    <p>Please rate the service:</p>
    <p>
        <label for="very-poor">
            <input type="radio" name="rate" value="Very poor" id="very-poor"> Very poor
        </label>
        <label for="poor">
            <input type="radio" name="rate" value="Poor" id="poor"> Poor
        </label>
        <label for="ok">
            <input type="radio" name="rate" value="OK" id="ok"> OK
        </label>
        <label for="good">
            <input type="radio" name="rate" value="Good"> Good
        </label>
        <label for="very-good">
            <input type="radio" name="rate" value="Very Good" id="very-good"> Very Good
        </label>
    </p>
    <p>
        <button id="btnRate">Submit</button>
    </p>
    <p id="output"></p>
    <script>
        let btn = document.getElementById('btnRate');
        let output = document.getElementById('output');

        btn.addEventListener('click', () => {
            let rates = document.getElementsByName('rate');
            rates.forEach((rate) => {
                if (rate.checked) {
                    output.innerText = `You selected: ${rate.value}`;
                }
            });

        });
    </script>
</body>

</html>
Code language: HTML, XML (xml)

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: www.javascripttutorial.net

Tags: get input javascript name-value

Link to this answer
Share Copy Link

Contributed on Oct 01 2023

Open Oystercatcher

0 Answers Avg Quality 2/10

Closely Related Answers

js get value of an input by name

Comment

document.querySelector('input[name=hey]').value

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Oct 26 2022

Bombay

0 Answers Avg Quality 2/10

how to get input name in javascript

Comment

// Using jQuery:
$('#id').attr('name');
// Using vanilla js:
let name=document.getElementById("id").name;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Apr 07 2021

adreaskar

0 Answers Avg Quality 2/10

how to get input name value in javascript

Contents

More Related Answers

how to get input name value in javascript

Closely Related Answers

js get value of an input by name

how to get input name in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.