Question

有两个单选按钮。（Javascript）选择第一个选项后，必须删除另一个页面中的div类，并且在选择第二个选项时必须显示div，并且只有在单击提交按钮后才能执行此操作。任何帮助高度赞赏。

＆＃13;

<input type="radio" name="radio" id="radio1">Regular Shipping
<input type="radio" name="radio" id="radio2">COD Shopping

<input type="submit" class="btn" value="SUBMIT">

<!----------The following div is in another page------>

<div class="test">Lorem Ipusm</div>

＆＃13;

Answer 1

您可以尝试以下解决方案：

document.getElementById('submit').addEventListener('click', change_value);
function change_value(){
  var radioOptions = document.getElementsByName('radio');
  var selected = '';
  for (var i = 0; i < radioOptions.length; i++) {       
      if (radioOptions[i].checked) {
          selected = radioOptions[i].id
          break;
      }
  }
  if(selected == 'radio1'){
    document.getElementsByClassName('test')[0].style.display = 'none';
  } else if (selected == 'radio2'){
    document.getElementsByClassName('test')[0].style.display = 'block';
  } else {
    alert('select option first!');
  }
}

<input type="radio" name="radio" id="radio1">Regular Shipping
<input type="radio" name="radio" id="radio2">COD Shopping

<input type="submit" id='submit' class="btn" value="SUBMIT">

<!----------The following div is in another page------>

<div class="test">Lorem Ipusm</div>

在上面的代码中我只是隐藏/显示className的第一个元素是'test'，如果你想申请所有，你需要一个循环去做。

更改单选按钮时删除div

1 个答案: