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>