javascript - 根据显示值选中或取消选中复选框？

Question

我正在使用复选框结果输入页面，我的复选框代码看起来像

   <input name="upfrontMIPPc" id="upfrontMIPPc1" type="text" class="txt" size="3" maxlength="3" onChange="javascript:upfrontMIPPcChanged(true)" />

 <div class="col-md-1 padding-lft" style="right:13px;top:3px">
      <input id="chkUFtoLoan-1" name="S"  type="checkbox" /> 
    </div>

此复选框名称传递我使用 php 文件的另一个页面，我使用了 post 方法看起来像

 $S = $_POST["S"];

结果我有两部分复选框的值

 1.About Your Loan

 2.Buyer Cost To Close
  

复选框输入字段名称值前置 MIP。
如果用户在输入页面中选中了“包含在计算中”按钮。
它们都应该默认为已检查(因为我们默认将 UPFRONT MIP 余额添加到贷款中)。

• 但是，如果他们取消选中复选框，那么该值就会被放入“买家关闭成本”部分？

• 如何根据复选框选中或未选中来显示值？

  我的js fiddle 链接:https://jsfiddle.net/2dgp0drd/2/

Answer 1

试试这个:

$(document).ready(function(){
    var check;    
    // Example 1 - With checked
    $("#test1").on("click", function(){
        if(checkbox1.checked) {
            alert("checked.");
        } else {
            alert("unchecked.");
        }
    });  

    // Example 2 - With jQuery is, NOTE - :checked
    $("#test2").on("click", function(){
        check = $("#checkbox1").is(":checked");
        if(check) {
            alert("checked.");
        } else {
            alert("unchecked.");
        }
    });    


});