Как проверить изменение данных в одном заполненном всплывающем окне

Question

У меня есть одно уведомление в Интернете, когда я нажимаю на него, он откроет новое всплывающее окно, кнопка сохранения по умолчанию отключена, это всплывающее окно - это одно из окон, состоящее из многие элементы (список радиокнопок большого количества товаров только что был импортирован в мой магазин, из которых я могу выбрать один или несколько идентификаторов, чтобы прикрепить их к одной полке, и я могу сделать второй раз, чтобы привязать других/других к другому полка, название полки будет отображаться под именем вида идентификаторов ... и многих других элементов).

Вопрос в том, как я могу проверить, что есть какие-либо изменения данных (есть уже установленные идентификаторы или отменить прикрепление), чтобы снова включить кнопку Javascript.

.

Спасибо!

Answer 1

если то, что вы хотите, чтобы «включить» кнопку просто добавить код в onClick случае «списке проверки радио» управление, что-то вроде:

<form action=""> 
    <input type="radio" onclick="activate()" name="good1" value="1">12345746<br/> 
    <input type="radio" onclick="activate()" name="good2" value="2">456548765<br/> 
    <input type="radio" onclick="activate()" name="good3" value="3">54654654546<br/> 
    <button id="saveButton" disable> save</button> 
</form> 

<script> 
    function activate(){  
      document.getElementById("saveButton").disabled = false; 
      //the code that enable your button, what ever serve you better... 
</script> 

или добавить слушатель событий для мыши событие на все радиокнопках, которые будут делать то же самое (потому что это «тот же»)

let rb = document.getElementsByTagName("input"); 
for(let idx=0; idx<rb.length; idx++){ 
    if(rb[idx].getAttribute("type") == "radio"){ 
     rb[idx].addEventListener("click", function(){ 
       document.getElementById("saveButton").disabled = false; 
      } 
    } 
} 

, которые опять же, делать то же самое;)

Надеется, что это помогает.