Javascript 是否根据显示的值选中或取消选中复选框？

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

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

结果我有两段值的复选框

 1.About Your Loan

 2.Buyer Cost To Close
  

复选框输入字段名称值预先MIP。
如果用户在输入页面中选中了Include In Calc按钮。
它们都应该默认为checked（因为我们默认将预付MIP余额添加到贷款中）

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

• 如何显示值取决于复选框是否选中
  我的js小提琴链接：

试试这个：

$(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.");
        }
    });    


});

---

我正在使用两个不同的页面，如果用户在结果页面中选择复选框值，则检查页面是否有主页？我有两个不同的页面。我已经在另一个页面中传递了值，我存储了值$checkbox1=$\u POST[“S”]；我想在脚本中传递此值，但我正在尝试传递，因为我遇到了错误

$(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.");
        }
    });    


});