如何使元素对页面上的用户输入做出反应

Question

如果你对第一个问题选择了yes选项，那么第二个问题就看不见了。这是将PHP7与Laravel框架和材料设计精简版结合使用

        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="USDyes">
            <input type="radio" id="USDyes" class="mdl-radio__button" name="options" value="1">
            <span class="mdl-radio__label">Yes</span>
        </label>
        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="USDno">
            <input type="radio" id="USDno" class="mdl-radio__button" name="options" value="2">
            <span class="mdl-radio__label">No</span>
        </label>


        <h6>How Long Will the Data Be Retained?</h6>
        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="Ret1">
            <input type="radio" id="Ret1" class="mdl-radio__button" name="options" value="1">
            <span class="mdl-radio__label">>1 Year</span>
        </label>
        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="Ret2">
            <input type="radio" id="Ret2" class="mdl-radio__button" name="options" value="2">
            <span class="mdl-radio__label">1-3 Years</span>
        </label>
        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="Ret3">
            <input type="radio" id="Ret3" class="mdl-radio__button" name="options" value="3">
            <span class="mdl-radio__label">3-5 Years</span>
        </label>
        <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="Ret4">
            <input type="radio" id="Ret4" class="mdl-radio__button" name="options" value="4" >
            <span class="mdl-radio__label">5+ Years</span>
        </label>