Как получить доступ к значению поля ввода по его атрибуту value и name, используя Javascript

Question

Я хотел бы выбрать вход: <input id="tb-radio-gym_custom_radio-10ce67e3" type="radio" value="OUI" name="form_fields[gym_custom_radio]" data-price-inc="0" checked="checked">

Я хотел бы выбрать его по его имени и значению. Идентификатор случайный, поэтому я не могу выбрать вот так.

Я не знаю, как выбрать его с помощью: value = "OUI" и name = "form_fields [gym_custom_radio]"

Когда я могу выбрать этот вход, я бы хотел его скрыть. Это может быть JS или Jquery, я пытался, но я не могу этого сделать, поэтому спасибо за вашу помощь !!

Answer 1

Используйте Селектор атрибутов с несколькими атрибутами.

const radioButton = document.querySelector(
    'input[name="form_fields[gym_custom_radio]"][value="OUI"]')

Убедитесь, что вы заключили в кавычки значения, чтобы не было проблем с квадратом. скобки в name.

Вы можете использовать ту же строку селектора с jQuery.

Demo ...

const radioButton = document.querySelector(
    'input[name="form_fields[gym_custom_radio]"][value="OUI"]')
    
radioButton.classList.add('active')
console.log('OUI data-price-inc:', radioButton.dataset.priceInc)

.active {
  box-shadow: 0px 0px 5px 2px red;
}

<input id="tb-radio-gym_custom_radio-10ce67e3" type="radio" value="OUI" name="form_fields[gym_custom_radio]" data-price-inc="0" checked="checked">
<input id="tb-radio-gym_custom_radio-7r7r09r" type="radio" value="NON" name="form_fields[gym_custom_radio]" data-price-inc="1">