type为radio的input隐藏，但是可以正常选中其中的值

您可以通过将type为radio的input的opacity属性设置为0，再将其外层label元素的display属性设置为inline-block，使其隐藏，但仍然可以被选中。下面是一个示例代码：

<label style="display:inline-block;">
  <input type="radio" name="radios" value="1" style="opacity:0;">
  Option 1
</label>
<label style="display:inline-block;">
  <input type="radio" name="radios" value="2" style="opacity:0;">
  Option 2
</label>

这样输入框就会被隐藏，但是仍然可以正常选中其中的值。注意要将type为radio的input的name属性设置为相同的值，以实现单选的效果。

相关问题

input radio 获取选中的值

可以使用 JavaScript 的 DOM 操作来获取 input radio 的选中值。具体方法是：获取到 input radio 的元素，然后检查它的 "checked" 属性是否为 true。如果是 true，则该 radio 被选中了。
例如：

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女

可以用下面的代码取得选中的值：

var radios = document.getElementsByName('gender');
for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        // do whatever you want with the checked radio
        alert(radios[i].value);

        // only one radio can be logically checked, don't check the rest
        break;
    }
}

vue input type=radio 选中事件

在 Vue 中，你可以使用 `v-model` 指令来双向绑定 `input` 元素的值，并且可以使用 `@change` 事件监听 `input` 元素值的变化。对于 `type="radio"` 的输入框，你可以借助 `v-model` 绑定选中的值，然后在 `@change` 事件中触发相应的方法来处理选中事件。

例如，假设你有一个包含两个 `radio` 按钮的组件，代码如下：

<template>
  <div>
    <input type="radio" id="option1" value="option1" v-model="selectedOption" @change="handleOptionChange">
    <label for="option1">Option 1</label>
    <input type="radio" id="option2" value="option2" v-model="selectedOption" @change="handleOptionChange">
    <label for="option2">Option 2</label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: 'option1'
    }
  },
  methods: {
    handleOptionChange() {
      console.log(`Selected option is ${this.selectedOption}`)
      // 这里可以处理选中事件
    }
  }
}
</script>

在上面的代码中，我们使用 `v-model` 指令将 `selectedOption` 双向绑定到两个 `radio` 按钮的值上，然后在 `@change` 事件中触发 `handleOptionChange` 方法来处理选中事件。当一个 `radio` 按钮被选中时，`selectedOption` 的值会被更新，然后 `handleOptionChange` 方法会被调用，并且可以在方法中处理选中事件。