数据属性不存储值的问题

Question

我正在尝试根据单选选择记住和修改值。如果选择了 radio1，它应该读取 value1 和 value 2 的值并将它们保存为数据属性“previous-value”，然后将这些值设置为 0 或 1。如果选择了 radio2，那么 value1 应该设置为 0，并且 value2 应该设置为先前的值。但是，这并没有发生，以前的值数据似乎没有设置。我没有任何控制台错误。我想知道设置值和使用相同操作更改值是否会导致问题。

$('input[type="radio"]').click(function() {
var $value1 = $('#value1');
var $value2 = $('#value2');

if($(this).attr('id') == 'radio1') { 
  $value1.data('previousvalue', $value1.val());
  $value1.val('1');

  $value2.data('previousvalue', $value2.val());
  $value2.val('0');


} else if($(this).attr('id') == 'radio2') {      
  $value1.val('0');
  $value2.val($value2.data('previousvalue'));
}
});

Answer 1

首先你做一个queryselectorAll 以获得所有输入类型的收音机。它返回一个节点列表。在我们用 "for" 循环它并在那个 loop 中我们做一个条件 "if" 以验证 radioButtons[i] 是否被厚脸皮。如果是这种情况，它会显示一条消息，显示selectedOne。

试试这个代码：

let radioButtons=document.querySelectorAll(input[type="radio"]); 
for(let i=0,c=radioButtons.length;i<c;i++){
    if(radioButtons[i].checked){
        alert("am the selectedOne "+radioButtons [i]);
      }
 }