input单选框选中与取消

要实现单选框的选中和取消，可以使用以下代码：

HTML代码：

<input type="radio" name="myRadio" value="option1" onclick="radioClicked(this)"> Option 1
<input type="radio" name="myRadio" value="option2" onclick="radioClicked(this)"> Option 2

JavaScript代码：

function radioClicked(radio) {
  if (radio.checked) {
    console.log("Selected: " + radio.value);
  } else {
    console.log("Unselected: " + radio.value);
  }
}

这里的单选框有一个共同的name属性，用于将它们分组，只允许其中一个被选中。当单选框被点击时，会调用radioClicked函数，并将单选框元素作为参数传递给它。该函数检查单选框是否被选中，然后在控制台中输出相应的消息。

相关问题

js单选框点击取消选中

你可以通过设置单选框的 `checked` 属性来取消选中。例如，假设你有一个单选框的 HTML 元素如下：

<input type="radio" name="my-radio" id="radio1" checked>
<label for="radio1">选项1</label>

你可以使用 JavaScript 来取消选中它，代码如下：

document.getElementById('radio1').checked = false;

这将取消选中该单选框。

vue单选框点击取消选中

要取消Vue单选框的选中状态，您可以使用v-model指令来绑定选中状态并在点击时更新它。例如：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption">
      Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption">
      Option 2
    </label>
    <button @click="clearSelection">Clear selection</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    }
  },
  methods: {
    clearSelection() {
      this.selectedOption = ''
    }
  }
}
</script>

在上面的代码中，我们使用v-model指令将单选框的选中状态绑定到selectedOption变量。当我们点击“Clear selection”按钮时，我们调用clearSelection方法来将selectedOption设置为空字符串，从而取消选中状态。