输入无线电检查

Question

我正在尝试将名为 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...">

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

Answer 1

您从 class 切换到 id with iva :)

<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>

输入无线电检查

Input radio checking

html

css

forms

radio-button