输入无线电检查

时间:2021-07-14 15:05:13

标签: html css forms radio-button

我试图将名为 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...">

我会拥抱所有愿意帮助我的人

1 个答案:

答案 0 :(得分:0)

你用 iva 从 class 切换到 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>