-
第一个文本字段应该被禁用,当我点击复选框时,文本字段应该是活动的。
echo'<input type="checkbox" name="checkbox"/>'; echo'<textarea name="explain" id="explain" cols="" rows="" style="width:300 ;height:300"></textarea> if(isset($_POST['checkbox'])) { ??? }
我认为你应该使用这个:
<form>
<input type="checkbox" name="checkbox" onchange="toggleDisabled(this.checked)"/>
<textarea name="explain" id="explain"></textarea>
</form>
<script>
function toggleDisabled(checked) {
document.getElementById('explain').disabled = checked ? false : true;
}
</script>
完整代码在这里
您的问题有点不清楚。我已经将其解释为,您需要JavaScript在不访问服务器的情况下,将复选框值上的textarea
设置为禁用和活动
使用Javascript,您可以在复选框上添加一个事件侦听器,并选中checked
属性,然后将textarea
设置为disabled
或不设置。
document.getElementById("checkbox").addEventListener("click", checkbox_textarea);
function checkbox_textarea() {
if( this.checked == true ) {
document.getElementById("textarea").disabled = false;
return false;
}
document.getElementById("textarea").disabled = true;
}
<input id=checkbox type=checkbox name=chk /> Enable text area <br />
<textarea id=textarea name=txt cols=50 rows=20 disabled></textarea>