欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

两个单选按钮,点击其中一个隐藏或显示其他的div

程序员文章站 2022-05-05 20:39:51
...
HTML代码
<div class="am-u-sm-9 am-u-end">
    <input type="radio" onClick="return diva()" class="tpl-form-input" name="article[activity_publish]" value="1" checked="checked";>手动发布
    <input type="radio" onClick="return divb()" class="tpl-form-input" name="article[activity_publish]" value="2">定时发布
    <input type="text" name="article[publish_time]" class="am-form-field" id="publish_time"
           value="<?= $request->get('publish_time') ?>" placeholder="请选择起始日期"
           data-am-datepicker>
</div>

jQuery 代码

$("#publish_time").hide();
function diva(){
    document.getElementById('publish_time').style.display="none";
};
function divb(){
    document.getElementById('publish_time').style.display="block";
};