Флажок на JavaScript onChange, после чего

Question

Флажок на JavaScript onChange, после чего

у меня есть флажок в форме, и я хотел бы, чтобы он работал в соответствии со следующим сценарием:

если кто-то проверяет его, значение текстового поля (totalCost) должно быть установлено в 10. Затем, если я вернусь и сниму его, функция calculate() задает значение totalCost по другим параметрам в форме.

так что в принципе, мне нужна часть, где, когда я проверяю флажок, я делаю одно, а когда я снимаю его, я делаю другое.

616 7

javascript checkbox

7 ответов:

Comments

Ничего не найдено.

Senad Meškin · Accepted Answer · 2015-08-12 00:54:03

function calc()
{
  if (document.getElementById('xxx').checked) 
  {
      document.getElementById('totalCost').value = 10;
  } else {
      calculate();
  }
}

HTML

<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>

Liangliang Zheng · Accepted Answer · 2016-10-12 11:40:49

Если вы используете jQuery.. тогда я могу предложить следующее: Примечание: Я сделал некоторые предположения здесь
$('#my_checkbox').click(function(){
    if($(this).is(':checked')){
        $('input[name="totalCost"]').val(10);
    } else {
        calculate();
    }
});

SergeS · Accepted Answer · 2015-08-24 17:06:53

используйте событие onclick, потому что каждый щелчок по флажку фактически изменяет его.

Vic · Accepted Answer · 2018-09-03 23:51:48

чистый javascript:

const checkbox = document.getElementById('myCheckbox')

checkbox.addEventListener('change', (event) => {
  if (event.target.checked) {
    console.log('checked')
  } else {
    console.log('not checked')
  }
})

HTML:

<input id="myCheckbox" type="checkbox" />

jsfiddle:

https://jsfiddle.net/pfcymb4j/1/

Eugene · Accepted Answer · 2018-04-04 20:48:12

следующее решение использует jquery. Предположим, у вас есть флажок с идентификатором checkboxId.
const checkbox = $("#checkboxId");

checkbox.change(function(event) {
    var checkbox = event.target;
    if (checkbox.checked) {
        //Checkbox has been checked
    } else {
        //Checkbox has been unchecked
    }
});

Bart · Accepted Answer · 2015-05-21 15:51:43

ссылка на флажок по его идентификатору, а не с помощью # Назначьте функцию атрибуту onclick вместо использования атрибута change
var checkbox = $("save_" + fieldName);
checkbox.onclick = function(event) {
    var checkbox = event.target;

    if (checkbox.checked) {
        //Checkbox has been checked
    } else {
        //Checkbox has been unchecked
    }
};

0x1ad2 · Accepted Answer · 2017-06-16 16:10:44

Javascript

  // on toggle method
  // to check status of checkbox
  function onToggle() {
    // check if checkbox is checked
    if (document.querySelector('#my-checkbox').checked) {
      // if checked
      console.log('checked');
    } else {
      // if unchecked
      console.log('unchecked');
    }
  }

HTML

<input id="my-checkbox" type="checkbox" onclick="onToggle()">