输入无线电检查

【问题标题】：Input radio checking输入无线电检查
【发布时间】：2021-09-23 13:54:54
【问题描述】：

我试图将名为 iva 的输入设置为仅在选择 #azienda 时显示，但我不明白为什么代码没有将显示设置为阻止这是代码：

<style>
    .iva {
        display: none;
    }

    #azienda:checked~#iva {
        display: block;
    }
</style>
 

 <div class="rad">
        <input type="radio" id="azienda" name="radio" value="Azienda/Impresa/Società">
        <label for="azienda"> Azienda/Impresa/Società </label>

 </div>
 <input type="number" class="iva" name="iva" id="iva" placeholder="Inserire P.IVA...">

我会给每一个愿意帮助我的人一个拥抱

【问题讨论】：

标签： html css forms radio-button

【解决方案1】：

您使用 iva 从班级切换到 id :)

<style>
    .iva {
        display: none;
    }

    #azienda:checked ~ .iva {
        display: block;
    }
</style>
 

 <div class="rad">
        <input type="radio" id="azienda" name="radio" value="Azienda/Impresa/Società">
        <label for="azienda"> Azienda/Impresa/Società </label>
 <input type="number" class="iva" name="iva" id="iva" placeholder="Inserire P.IVA...">
 </div>

【讨论】：

移动到 div class="rad "
它一定要留在rad外面，因为rad是一个flex类，我把没用的东西删掉了
那我觉得你不能只用css做这个功能，你需要用js