Question

我创建了一个带有多个复选框的php表单，并且有一个脚本控制是否总和（所有复选框值的总和）大于特定数字。如果是，则会出现sweetalert框。问题是，当我单击sweetalert上的“确定”按钮我要删除最后一个已检查的属性，并从总和中删除该值以再次执行脚本并显示正确的结果。我无法弄明白这一点。任何想法都会有所帮助！< / p>

脚本：

 var sum = 0; 
    var maxSum = <?php echo $form_points;  ?> ; 

    $('[name="opt"]').change(function(){

      if($(this).is(":checked")) {
        sum = sum + parseInt($(this).val()); 
      }
      else
      {
        sum = sum - parseInt($(this).val()); 
      }
      if( sum > maxSum )
      {

          //$('#checkbox').prop('checked',prop);
          sweetAlert("ΠΡΟΣΟΧΗ", "Υπερβήκατε τους πόντους του πελάτη", "error"); //your alert message

        $("#checkbox").click();

      }

    })

例如：如果特定数字为500且总和为550（第一个复选框值= 200 +第二个复选框值= 200 +第三个复选框值= 150），并且在我单击“确定”后，脚本必须删除总和中的第三个复选框值（因此总和必须为400）并取消选中复选框..

带有复选框的

表单：

 echo '

  <div>
   <div class="feed-activity-list">
     <div style="border: 0.5px solid green; border-right-style:none;" class="input-group m-b"><span class="input-group-addon">   <input type="checkbox" name="opt" value="'.$points.'"></span>
        <div class="feed-element">
          <a href="profile.html" class="pull-left">
          <img alt="image" class="img-circle" src="'. $row_select4['image_url']. '">
          </a>
        <div class="media-body ">
          <div class="ibox-tools">
              <span class="label label-primary">ΔΙΑΘΕΣΙΜΟ</span><br><br>
              <span class="label label-warning-light pull-right"><strong>'  .$row_select4['points'].  '</strong> Πόντοι</span>
          </div>
              <strong>'  .$row_select4['title'].  ' </strong> '   .$row_select4['description'].  ' <br>
              <small class="text-muted">Διάρκεια: <strong>'  .$row_select4['start_date'].  ' - '   .$row_select4['end_date'].  ' </strong></small>
          <div class="well">
                                                    '  .$row_select4['description'].  '
       </div>
     </div>
   </div>
 </div>

</div> ';

用户选择多个复选框时控制脚本

0 个答案: