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

时间:2016-03-09 17:07:01

标签: javascript jquery checkbox

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

   <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>

1 个答案:

答案 0 :(得分:0)

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

$('#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>