小猪JB 2019-09-12 14:13 采纳率: 21.4%
浏览 1125
已采纳

如何通过js动态实现根据checkbox是否勾选来设置input状态是可输入或者只读?

图片说明

<div class="form-group "style="margin-left: 8%;">   
   <label for="return">Defect part return</label>                                                       
   <input  type="checkbox"name="return1" style="margin-left: 20px;"id="return"/>    /*checkbox勾,那么后面两个可以输入,反之就是只读状态*/                     
</div>  

<div class="form-group"style="margin-left: 5%;">                        
    <label>Return Qty</label>
    <input  type="text" class="form-control  "name="return2"style="margin-left: 20px;" />
</div>  

<div class="form-group"style="margin-left: 5%;">                            
    <label >Return date</label>
    <input type="text" class="form-control " placeholder="请选择日期" id="returndate"style="  height:35px; line-height: 25px;margin-left: 20px;width: 150px;"> 
</div>  

图片说明图片说明

这样还是不行,不知道是哪里错了

  • 写回答

2条回答 默认 最新

  • 珍妮玛•黛金 博客专家认证 2019-09-12 15:14
    关注
    <input  type="checkbox" id="return"/>
    <input  type="text" class="form-control" id="input1" />
    <input  type="text" class="form-control" id="input2" />
    
    
    $("#return").click(function(){
        var ischecked = $(this).prop("checked");
        if (ischecked){
            $("#input1").attr("readonly", "readonly");
            $("#input2").attr("readonly", "readonly");
        } else {
            $("#input1").removeAttr("readonly");
            $("#input2").removeAttr("readonly");
        }
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?
  • ¥20 集成电路的逻辑电路和晶体管简化图
  • ¥15 下载windows builder后的问题
  • ¥15 端口连接数为什么会有限制