Javascript 选中复选框时启用文本框-php
我试图启用文本框时,复选框被选中,我的编码做什么我想要的。单击“提交”按钮时,它将检查整个表单,并为每个未填写的空白字段提供错误信息,并将其余信息保留在每个已填写的字段中。问题是,当选中复选框、启用文本框并填充文本框时,在按下提交按钮(当所有必填字段未完成时)后,文本框将被禁用并保留值 以下是我目前使用的编码:Javascript 选中复选框时启用文本框-php,javascript,php,html,checkbox,Javascript,Php,Html,Checkbox,我试图启用文本框时,复选框被选中,我的编码做什么我想要的。单击“提交”按钮时,它将检查整个表单,并为每个未填写的空白字段提供错误信息,并将其余信息保留在每个已填写的字段中。问题是,当选中复选框、启用文本框并填充文本框时,在按下提交按钮(当所有必填字段未完成时)后,文本框将被禁用并保留值 以下是我目前使用的编码: <input type="checkbox" name="chklist" onchange="document.getElementById('txtOthers').disab
<input type="checkbox" name="chklist" onchange="document.getElementById('txtOthers').disabled = !this.checked;" <?php if(isset($_POST['btnSubmit']) && isset($_POST['chklist'])) echo "checked" ?> /> OTHERS :
<input style="width: 130px;" type="textbox" id="txtOthers" name="txtOthers" disabled value="<?php echo $others;?>" />
您可以使用jQuery执行此操作:
<input type="checkbox" name="chklist" id="checkbox" <?php if(isset($_POST['btnSubmit']) && isset($_POST['chklist'])) echo "checked" ?> /> OTHERS :
<input style="width: 130px;" type="textbox" id="txtOthers" name="txtOthers" disabled value="<?php echo $others;?>" />
$(document).ready(function(){
$("#checkbox").change(function(){
if ($('input.checkbox_check').is(':checked')) {
$(#txtOthers).show();
}else{
$(#txtOthers).hide();
}
});
$("form").submit(function() {
$("#txtOthers").prop('disabled', true);
});
});
到目前为止,您编写了哪些JavaScript来完成这些任务?请展示您使用过的JavaScript/jquery代码,现在很难猜测info@wogsland我只将onchange=“document.getElementById('txtOthers').disabled=!this.checked;”
在复选框中
要启用和禁用文本框
您好,谢谢您的回答。我试过了,结果还是一样。单击submit按钮时,整个页面实际上正在刷新,因此它将再次禁用文本框。有没有什么方法可以像if(isset($\u POST['chklist']){//do something to enabled textbox}
你可以通过jQuery.ajax在提交表单时再添加一件事。它将避免刷新页面$(#submit”)。单击(function(){$.ajax({type:“POST”,url:“ajaxsubmit.php”,数据:dataString,cache:false,success:function(result){//doyourtuff-after-form-submit}}});删除此代码:$(“form”).submit(function(){$(“#txtOthers”).prop('disabled',true);});