1

Есть вот такой калькулятор serjo96.github.io/matrix Необходимо добавить функционал добавления и удаления строк,столбцов при выбранных радиобаттонах при том что еще должен добавляться плейсхолдер с продолжение отчета (см. ссылку). Как я понимаю для начала надо добавить проверку radio

 $(document).ready(function(){
    var rad=document.getElementsByName('mtrx_sel');
    for (var i=0;i<rad.length; i++) {
      if (rad[i].checked) {
        alert('Выбран '+i+' radiobutton');
      }
    }

});

ну а затем в if уже писать обработчик клика?может кто подкинуть примерный код или подсказать как такие вещи вообще реализовать?

2 ответа 2

1

Если я правильно понял, то вам необходимо повесить обработчик событий на элементы. Вот как пример.

var controls = document.querySelector('.add_mtrx');
controls.addEventListener('click', handler);

function handler(e) {
  var nodeName = e.target.nodeName;

  if (nodeName == 'BUTTON' || nodeName == 'INPUT') {
    console.log("Кликнули на ", e.target);
  }

}

http://plnkr.co/edit/zYo7u0yHOh7BsGYiygxH?p=preview

6
  • Абсолютно верно,огромное спасибо)
    – Drop
    Commented 30 апр. 2016 в 18:44
  • Но необходимо учитывать еще и выбранный radio button.По логике должно выходить что при выбранном radio и после нажатия на кнопку добавления добавляется строка или столбец для одной из матриц.
    – Drop
    Commented 30 апр. 2016 в 18:57
  • Так проверку на checked добавьте у нужного радиобатона.
    – Chemaxa
    Commented 30 апр. 2016 в 19:00
  • ммммм,т.е когда выбираешь радио,он ставит атрибут чекед и его можно кок раз проверить через if?
    – Drop
    Commented 30 апр. 2016 в 19:02
  • Да, естественно аттрибут checked у чекбокса ставится в true при клике, только я не понимаю зачем его проверять если итак уже известно по какому элементу кликнули. В общем в данной ситуации есть два подхода или вешать обработчик на click или на change у checkbox.
    – Chemaxa
    Commented 30 апр. 2016 в 19:07
0

Итого вот код который мне нужен был)

$('.add_str').click(function(){
  if ($("#check_mtrx_a").prop("checked")){
    $('.matrix_a tr:first').clone().appendTo('.matrix_a'); 
  }else if($("#check_mtrx_b").prop("checked")) {
    $('.matrix_b tr:first').clone().appendTo('.matrix_b'); 
  }
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.