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

JavaScript034

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")

    }

})

<form action="" method="get">

<textarea name="textarea" id="" cols="30" rows="10"></textarea>

<button type='submit'>输入“你好”再提交看看</button>

</form> 

<script>

window.addEventListener('DOMContentLoaded', function() {

console.log(1)

document.forms[0].addEventListener('submit', function(e) {

e.preventDefault()

if (document.forms[0].textarea.value) {

alert('你输入的是:' + document.forms[0].textarea.value)

} else {

console.log(document.forms[0].textarea.value)

alert('兄弟随便说两句也行呀!')

}

})

})

</script>