如果我勾选复选框，如何在复选框中启用输入？ cuz它总是禁用，当我检查与输入类型的复选框 [英] How to enable the input in checkbox if i check the checkbox? cuz it always disable when i check the checkbox with input type

问题描述

如果我勾选复选框，如何在复选框中启用输入？

当我使用输入类型检查复选框时，它总是禁用。
$ b

  function ckChange（ckType）{var ckName = document.getElementsByName（ckType.name）; var checked = document.getElementById（ckType.id）; if（checked.checked）{for（var i = 0; i< ckName.length; i ++）{if（！ckName [i] .checked）{ckName [i] .disabled = true; } else {ckName [i] .disabled = false; }}} else {for（var i = 0; i< ckName.length; i ++）{ckName [i] .disabled = false; }}}  

< input type =checkboxplaceholder =toBeReturnname =progressid =progress1value =1tabIndex =1onClick =ckChange（this）>用于在陈列室中返回< input type =datename =progressid =progress3placeholder =date>< br />< input type =checkboxplaceholder =OnLoan name =progressid =progress2value =1tabIndex =1onClick =ckChange（this）> on Loan< br />< input type =checkboxplaceClick =Othername =progressid =progress6value =1tabIndex =1onClick =ckChange（this）>其他< input type =textname =progressid =progress3placeholder =陈述目的>

我需要帮助才能完成我的项目谢谢！

解决方案

I认为问题在于你的'for'语句，'for'语句匹配了所有的复选框，包括你需要的那个复选框，所以你可以像这样尝试：

  function ckChange（ckType）{
 var ckName = document.getElementsByName（ckType.name）; 
 var checked = document.getElementById（ckType.id）; （ckName [id] .id！= 
 
 if（checked.checked）{
 for（var i = 0; i< ckName.length; i ++） = checked.id）{
 ckName [i] .disabled = false; 
} 
 
} else {
 for（var i = 0; i< ckName.length; i ++）{
 if（ckName [id] .id ！== checked.id）{
 if（！ckName [i] .checked）{
 ckName [i] .disabled = true; 
} else {
 ckName [i] .disabled = false; 
} 
} 
} 
} 
} 
  

How to enable the input in checkbox if i check the checkbox?

It always disable when I check the checkbox with input type.

function ckChange(ckType) {
  var ckName = document.getElementsByName(ckType.name);
  var checked = document.getElementById(ckType.id);

  if (checked.checked) {
    for (var i = 0; i < ckName.length; i++) {

      if (!ckName[i].checked) {
        ckName[i].disabled = true;
      } else {
        ckName[i].disabled = false;
      }
    }
  } else {
    for (var i = 0; i < ckName.length; i++) {
      ckName[i].disabled = false;
    }
  }
}

<input type="checkbox" placeholder="toBeReturn" name="progress" id="progress1" value="1" tabIndex="1" onClick="ckChange(this)"> For use in showroom to be return on
<input type="date" name="progress" id="progress3" placeholder="date">
<br/>
<input type="checkbox" placeholder="OnLoan" name="progress" id="progress2" value="1" tabIndex="1" onClick="ckChange(this)"> On Loan
<br/>
<input type="checkbox" placeholder="Other" name="progress" id="progress6" value="1" tabIndex="1" onClick="ckChange(this)"> Other
<input type="text" name="progress" id="progress3" placeholder="State the Purpose">

I need help to complete my project thank you!

解决方案

I think the problem is that your 'for' statement, the 'for' statement matched all the check-boxs including the one you checked which you need exclude from then, so you may try it like this:

function ckChange(ckType) {
        var ckName = document.getElementsByName(ckType.name);
        var checked = document.getElementById(ckType.id);

        if (checked.checked) {
            for (var i = 0; i < ckName.length; i++) {
                if(ckName[id].id !==checked.id){
                    ckName[i].disabled = false;
                }
            }
        } else {
            for (var i = 0; i < ckName.length; i++) {
                if(ckName[id].id !==checked.id){
                    if (!ckName[i].checked) {
                    ckName[i].disabled = true;
                    } else {
                        ckName[i].disabled = false;
                    }
                } 
            }
        }
    }

这篇关于如果我勾选复选框，如何在复选框中启用输入？ cuz它总是禁用，当我检查与输入类型的复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！