清空
当前位置:   article > 正文

js: 隐藏或显示某一部分内容_js 只显示 部分元素

js 只显示 部分元素

## js: 隐藏或显示某一部分内容

要在点击否的时候隐藏上方表格内的内容

//先要在需要隐藏的内容上加入display:none的样式
<div class="diagnosis-flag" style="display: none">
      <input type="text" id="oldDiagName" style="width:140px;" readonly/><a class="btn btn-system fl clearCode">清空</a>
     <input type="text" class="input-large hide" name="oldDiagCode"/>
 </div>
  • 1
  • 2
  • 3
  • 4
  • 5

然后再是否的选择点击方法上加入隐藏和显示方法:

$(":radio[name=isCorrectDiagnosis]").click(function () {
        console.log($(this).val())
        if ($(this).val() == "2") {   //否
            $(".diagnosis-flag").hide();  //隐藏上方div
            change_error_style($("input[name=oldDiagDate]"), "remove");
        } else {   //是
            $(".diagnosis-flag").show();   //显示上方div
           $("input[name=oldDiagName],input[name=oldDiagDate]").attr("tip", "必填项,不能为空!");
        }
    });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/69371
推荐阅读
相关标签
  

闽ICP备14008679号