Question

我是JavaScript的新手，如果选中了正确的2复选框，但是无法获得其他复选框，我可以使用1 div隐藏/显示工作代码。我没有错误，只是没有显示其他隐藏的div。

#triggerSTAT

我需要使用#trigger3 && #triggerSTAT 检查5个复选框组合，即。 <div class="col-sm-10 col-sm-offset-2 "> <label class="checkbox-inline"> </label> <input class="checkbox-inline " type="checkbox" name="SO" id="triggerSTAT" value="<? echo $SO ?>" /> </div> <div class="col-xs-5 text-center"> <label class="checkbox-inline"> <input type="checkbox" id="trigger" name="CNF" value="01"/> 1 </label> <label class="checkbox-inline"> <input type="checkbox" name="CNF" id="trigger2" value="02"/> 2 </label> <label class="checkbox-inline"> <input type="checkbox" name="CNF" id="trigger3" alue="03"/> 3 </label> <label class="checkbox-inline"> <input type="checkbox" name="CNF" id="trigger4" value="04"/> 4 </label> <label class="checkbox-inline"> <input type="checkbox" name="CNF" id="trigger5" value="05"/> 5 </label> </div> </div> <div class="col-xs-5" id="hidden_fields"> <input class="form-control input-sm text-center" id="hidden_field" name="DOG" type="hidden" value="<? echo $DOG ?>" /> </div> <div class="col-xs-5" id="hidden_nogs"> <input class="form-control input-sm text-center" id="hidden_nogi" name="NOG" type="hidden" value="<? echo $NOG?>" /> </div> <div class="col-xs-5" id="hidden_sierv"> <input class="form-control input-sm text-center" id="hidden_srv" name="SRV" type="hidden" value="<? echo $SRV?>" /> </div> <div class="col-xs-5" id="hidden_saff"> <input class="form-control input-sm text-center" id="hidden_sfrd" name="SAF" type="hidden" value="<? echo $SAF?>" /> </div> <div class="col-xs-5" id="hidden_catl"> <input class="form-control input-sm text-center" id="hidden_cat" name="CAT" type="hidden" value="<? echo $CAT?>" /> </div> </div>。

}else if

当我添加{ "terminal.integrated.shell.windows": "C:\\msys64\\usr\\bin\\bash.exe", "terminal.integrated.shellArgs.windows": ["--login", "-i"], "terminal.integrated.env.windows": { "MSYSTEM": "MINGW64", "CHERE_INVOKING":"1" } }时，我的问题就出现了。任何帮助将不胜感激。

Answer 1

我能够通过使用$（＆＃39;输入[type =＆＃34;复选框＆＃34;]＆＃39;）来解决问题。点击（function（）：

$(function() {
 // HIDE FIELDS
$('#hidden_field').hide();
$('#hidden_field').children(":input").prop("disabled", true); // disable
$('#hidden_nogs').hide();
$('#hidden_nogs').children(":input").prop("disabled", true); // disable


$('input[type="checkbox"]').click(function () {

 if($('#1').is(':checked') && $('#triggerSTAT').is(':checked'))  
$('#hidden_field').prop('disabled', false).show(), $('#hidden_field').children(":input").prop("disabled", false);
// KEEP FIELDS HIDDEN
else{
 $('#hidden_field').hide(),$('#hidden_field').children(":input").prop("disabled", true).hide();}
if($('#2').is(':checked') && $('#triggerSTAT').is(':checked'))  
$('#hidden_nogs').prop('disabled', false).show(),          $('#hidden_nogs').children(":input").prop("disabled", false);

 // KEEP FIELDS HIDDEN
else{

 $('#hidden_nogs').hide(),$('#hidden_nogs').children(":input").prop("disabled", true).hide();
    }

});
});

显示/隐藏多个div并禁用带有多个复选框JavaScript的隐藏输入

1 个答案: