javascript - 如何将单选按钮行为添加到

Question

我只想添加一个单选按钮行为(只选中一个元素，选中时更改颜色，选中另一个时删除选中的颜色。)到我怎样才能在 javascript 中做到这一点？这是我的点击事件。

$(document).on('click', '[data-change-option]', function(e) {
  e.preventDefault();
  console.log(e.target);
  var optionIndex = parseInt($(this).data('changeOption')), optionValue = $(this).data('changeValue');

  if(optionSelectors.optionExistInSelect(optionSelectors.selectors[optionIndex].element, optionValue)) {
    $(optionSelectors.selectors[optionIndex].element).val(optionValue).trigger('change');
  }
});

Answer 1

将该类型的所有元素重置为基色，而不是将单击的元素更改为事件颜色:

$(document).on('click', '[data-change-option]', function() {
  $('[data-change-option]').css('color', '');
  
  $(this).css('color', 'red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#1" data-change-option="">Link 1</a>

<a href="#1" data-change-option="">Link 2</a>

<a href="#1" data-change-option="">Link 3</a>