js控制文本域实现是否编辑功能切换

JavaScript015

js控制文本域实现是否编辑功能切换,第1张

1、使用jQuery的attr()方法设置input的编辑状态

//取消不可编辑使用

$("input").removeAttr("disabled")

//让input变为不可编辑状态

$("input").attr("disabled","disabled")

具体实现如下

$("#checkbox的id").change(function() { //为checkbox添加状态改变事件

    if($(this)..is(':checked')){//判断checkbox是否选中

        //选中状态

        $("#input文本框的id").removeAttr("disabled")

    }else{

        //未选中状态

        $("#input文本框的id").attr("disabled","disabled")

    }

})

1、用绝对定位。把所有tab选项卡重叠放到一个位置,显示其中一个的同时,隐藏其他的

2、用浮动。所有tab选项卡放到同一行,设置左浮动,把选项卡的父级设置溢出隐藏和相对定位,监听点击事件判断要切换到哪个选项卡,进行偏移。