How to keep the input text off when restarting the page?

Question

How to keep the input text off when restarting the page?

Navigation

#1 by (0 votes)

0

Good, I have a problem, I can not find the way in which to refresh the page the input text are disabled, they are enabled and disabled with a checkbox, the checkbox if I return from the bd with the value already marked, what I want you to be able to verify if the checkbox is checked, then the input text will be disabled.

String checkbox1          ="";

COMANDO=select v1 from bd;
rset = stmt.executeQuery(COMANDO);
      if(rset.next()){
checkbox1=rset.getString("v1");if(v1==null)v1="";
}
//Retornar valor desde la bd 
$("input[id=checkbox1[value='<%=checkbox1%>']").prop("checked",true);

 $('#checkbox1').click(function() {                               // Si esta seleccionado (si la propiedad checked es igual a true)
if ($(this).is(':checked')) {                                       $("#text").attr('disabled','disabled');                             } else {                                                             $("#text").removeAttr('disabled');
                                                              }
                                                          });

 <tr>
<td colspan="3">Ubicación de placa cauterio:</td>
<td colspan="6"><input type="text"  size="20" id="text" name="text" value="<%=text%>" class="11" ></td>
<td ><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" ></td>
</tr>

javascript jsp formularios

asked by Julio Cesar 28.09.2017 в 17:45

source

1 answer

Error adding item to the stack Error 403 in Angular 4.3 Interceptor calls twice

score 0 · Answer 1

You can do it like this:

Pure Javascript

window.onload = function() {
     var cbxCheck=document.getElementById('checkbox1');
     var bolChecked= cbxCheck.checked;
     var ibxText=document.getElementById('text');
     ibxText.disabled=bolChecked;
     cbxCheck.onchange = function() {
          bolChecked=this.checked;
          ibxText.disabled = bolChecked;
     };
};

<tr>
  <td colspan="3">Ubicación de placa cauterio:</td>
  <td colspan="6"><input type="text" size="20" id="text" name="text" value="<%=text%>" class="11" /></td>
  <td><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" checked /></td>
</tr>

And the opposite would be:

window.onload = function() {
     var cbxCheck=document.getElementById('checkbox1');
     var bolChecked= cbxCheck.checked;
     var ibxText=document.getElementById('text');
     ibxText.disabled = !bolChecked;
     cbxCheck.onchange = function() {
          bolChecked=this.checked;
          ibxText.disabled = !bolChecked;
     };
};

<tr>
  <td colspan="3">Ubicación de placa cauterio:</td>
  <td colspan="6"><input type="text" size="20" id="text" name="text" value="<%=text%>" class="11" disabled /></td>
  <td><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" /></td>
</tr>

jQuery

$(function() {

  var $cbxCheck = $('#checkbox1');
  var $bolChecked = $cbxCheck.is(':checked');
  var $ibxText = $('#text');
  $ibxText.prop('disabled', $bolChecked);

  $cbxCheck.change(function() {
      $bolChecked = this.checked;
      $ibxText.prop('disabled', $bolChecked);
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <td colspan="3">Ubicación de placa cauterio:</td>
  <td colspan="6"><input type="text" size="20" id="text" name="text" value="<%=text%>" class="11" /></td>
  <td><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" checked /></td>
</tr>