Question

我有一个表单，如果检查了TransientDevice，ControllingFrequency和InterEntity，则在结果输入中输入Yes。如何使用多个复选框来完成此操作？它现在可以使用一个复选框，＆＃34; test＆＃34;复选框。我不确定如何检查多个复选框。

   <form id="form1" name="form1" method="post" action="add_test.asp">


        <input type="checkbox" name="TransientDevice" id="TransientDevice" value="" />
        <input type="checkbox" name="DynamicResponse" id="DynamicResponse" value="" />
        <input type="checkbox" name="ControllingFrequency" id="ControllingFrequency" value="" />
        <input type="checkbox" name="ControllingVoltage" id="ControllingVoltage" value="" />
        <input type="checkbox" name="InterEntity" id="InterEntity" value="" />
        <input type="checkbox" name="ReliabilityImpact" id="ReliabilityImpact" value="" />
        <input type="checkbox" name="test" id="test" class="checkbox" value="" />
        <input type="text" name="result" id="result" value="" />
        <script type="text/javascript">
        $(function(){
        $('#test').change(function() {
            $("#result").val(($(this).is(':checked')) ? "yes" : "");

        });
    });              
        </script>

    </form>

Answer 1

我相信这就是你所要求的：

$('#TransientDevice, #ControllingFrequency, #InterEntity').change(function() {
  $("#result").val(($('#TransientDevice').is(':checked') && $('#ControllingFrequency').is(':checked') && $('#InterEntity').is(':checked')) ? "yes" : "");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="form1" name="form1" method="post" action="add_test.asp">
  <input type="checkbox" name="TransientDevice" id="TransientDevice" value="" />
  <input type="checkbox" name="DynamicResponse" id="DynamicResponse" value="" />
  <input type="checkbox" name="ControllingFrequency" id="ControllingFrequency" value="" />
  <input type="checkbox" name="ControllingVoltage" id="ControllingVoltage" value="" />
  <input type="checkbox" name="InterEntity" id="InterEntity" value="" />
  <input type="checkbox" name="ReliabilityImpact" id="ReliabilityImpact" value="" />
  <input type="checkbox" name="test" id="test" class="checkbox" value="" />
  <input type="text" name="result" id="result" value="" />
</form>

多个复选框可更新文本字段

1 个答案: