在我的脚本中有点困惑

时间:2017-06-12 02:48:52

标签: javascript jquery mysql checkbox

我正在学习使用ajax,js,jsp和jQuery的mvc。

我有一组这样的复选框:

<div class="clinical" id="clinical" name="clinical" value="0">
  <h6>Clinical Practice/Procedure</h6>
  <hr>
  <p><input type="hidden" id="incidentClassifId" name="incidentClassifId" value="0"></p>
  <p><input type="hidden" id="incidentViewIndex" name="incidentViewIndex" value="0"></p>
  <p><input type="hidden" id="appendStockistStatus" value="0"></p>
  <!-- <p><input type="hidden" name="clinical" id="clinical" value="0"></p> -->
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalDoc" value="0">Documentation</p>
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalMiss" value="0">Missing Files</p>
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalPol" value="0" > Policy not available</p>
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalMed" value="0" > Medical records unavailable</p>
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalCon" value="0" > Confidentiality</p>
  <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalProc" value="0">Procedures not followed</p>
  <p><input type="hidden" name="clinicalVals" id="clinicalVals" value="0"></p>
  <p><input type="checkbox" id="checkBox" onclick="EnableDisableTextBox(this)" > Other (Specify)</p>
  <p><input type="text2" id="text" name="incidentClassClinicalVal"  disabled="disabled" style="width: 92%"></p>
</div>

当我点击复选框时,其默认值从0变为1,即“0”未选中,其中选中“1”。
我使用MVC架构在数据库MySql中插入这些值,我正在向前端显示值,如:

这是我在数据库中插入的前端列表值:

enter image description here

“IncidentClassificationClinicalValue”列定义了检查的值
如果我在单击该眼睛按钮时仅选中了两个复选框,那么如何使用脚本

检查该值
var incidentViewIndex = 0;
$("#incidentTable").on("click", ".view", function(event) {
  event.preventDefault();
  save=1;
  //alert(save+"..view save");
  incidentViewIndex = $(this).closest('tr').index();
  $("#incidentViewIndex").val(incidentViewIndex);

  $("#successDiv").hide();
  $("#errorDiv").hide();

  var incidentClassifId = $(this).closest('tr').find(".incidentClassifId").val();
  alert("incidentClassifId = "+incidentClassifId);

  var clinical = $(this).closest('tr').find(".clinical").val();
  alert("clinical = "+clinical);
  var clinicalDoc = $(this).closest('tr').find(".clinicalDoc").val();
  alert("clinicalDoc = "+clinicalDoc);
  $('.clinicalCheck').prop('checked',true);

  $('.nav-tabs a[href="#incidentAdd"]').tab('show');
});

我尝试过这个脚本,但$('.clinicalCheck').prop('checked',true);正在检查所有复选框。

0 个答案:

没有答案