Как отображать окна предупреждений, если флажок установлен с помощью JavaScript?

Мне нужно показать окно предупреждения, когда один из вариантов отмечен Я использую следующий код.

function validacion(){
  if (document.getElementById('op1').checked) {
      var x61=document.getElementById('op1').value;
} else {
    var x61 = "";
}

  alert(" Me gusta : " +x61 );
}

который не работает, но я не знаю, что делать.

Поместите оповещение внутри if

— 25.03.2019 06:23

этот javascript идеален, но для оповещения вам нужно поместить метод оповещения внутри условия if, и вам нужно написать HTML для флажка с событием onchange

— 25.03.2019 06:29

В нынешнем виде alert(" Мне нравится : " +x61 ) "всегда" отвечает как alert(" Мне нравится : " + document.getElementById('op1').value) при вызове validacion(). Если вы не получаете предупреждение, вы не вызываете функцию. Что именно вы пытаетесь сделать, потому что оператор if кажется излишним и не объясняется вашим вопросом.

— 25.03.2019 06:40

javascript html checkbox alert alerts

25.03.2019 06:22

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 117

Ответы 3

Запустите функцию для события onchange флажка

function validacion(){
  if (document.getElementById('op1').checked) {
      var x61=document.getElementById('op1').value;
} else {
    var x61 = "";
}

  alert(" Me gusta : " +x61 );
}

<input type = "checkbox" onchange = "validacion()" id = "op1" value = "abcd">

25.03.2019 06:23

Вам нужно следить за изменением значения флажка и вызывать функцию validacion().

В противном случае функция не будет вызвана и в результате ничего не произойдет.

Есть 2 основных способа добавить прослушиватель событий.

1. Добавьте встроенный слушатель с элементом HTML

function validacion(){
  if (document.getElementById('op1').checked) {
    var x61=document.getElementById('op1').value;
  } else {
    var x61 = "";
  }

  alert(" Me gusta : " +x61 );
}

<label>
  <input type = "checkbox" id = "op1" value = "op1_value" onchange = "validacion()">
  op1
</label>

2. Используйте `addEventListener()`

function validacion(){
  if (document.getElementById('op1').checked) {
    var x61=document.getElementById('op1').value;
  } else {
    var x61 = "";
  }

  alert(" Me gusta : " +x61 );
}

document.getElementById('op1').addEventListener('change', validacion);

<label>
  <input type = "checkbox" id = "op1" value = "op1_value">
  op1
</label>

25.03.2019 06:30

Вы можете обобщить функцию для всех флажков.

JavaScript:

function validation(elm){
    if (elm.checked){
        var x61 = elm.value;
    }
    else {
        var x61 = "";
    }

    alert("Me gusta : " + x61);
}

ХИМЛ:

<input type = "checkbox" value = "value1" onchange = "validation(this)">
<input type = "checkbox" value = "value2" onchange = "validation(this)">

Альтернатива:

Вы также можете использовать addEventListener().

JavaScript:

function validation(e){
    if (e.target.checked){
        var x61 = e.target.value;
    }
    else {
        var x61 = "";
    }

    alert("Me gusta : " + x61);
}

document.getElementById("idOfYourCheckbox").addEventListener("change", validation);

25.03.2019 06:40