從復選框設置數據綁定

Question

    <input type="hidden" name="OPTIONAL">

    <div class="form-group">
        <input type="checkbox" name="OPTIONAL" id="ValueCheck" onclick="setCheckedValue()" />
    </div>



    <script type="text/javascript">

        function setCheckedValue()
        {
            if (document.getElementById("ValueCheck").checked)
            {
                document.getElementsByName("OPTIONAL")[0].value = 1;
            }
            else
            {
                document.getElementsByName("OPTIONAL")[0].value = 0;
            }        
        };
    </script>

你好，

我已將此隱藏綁定到我的ascx中的模型。 當復選框被選中時，我需要將hidden的值設置為1，否則將其設置為0。

問題是隱藏項使用data-bind =“ value：OPTIONAL”作為值，而我的復選框設置的value =“ ...”是無用的。

我該怎么做才能從復選框中設置數據綁定值？

問候

Answer 1

從您的if條件中，我猜測您嘗試根據組合框設置隱藏的輸入值，如果選中，則將其設置為1，否則設置為0。

• 而是添加名稱（當您進行數據綁定時，我不確定您為什么使用它）使用數據綁定

問題是隱藏項使用data-bind =“ value：OPTIONAL”作為值，而我的復選框設置的value =“ ...”是無用的。

• 我真的不明白這是什么意思，但是檢查了插入使用以獲取復選框的值

試試這個代碼：

  <div id="example">
    <input type="hidden" data-bind="value:text">
    <input type="checkbox" data-bind="checked: isChecked, click:clicked" />
    <button data-bind="click: seeValue" >see hidden texbox value</button>
  </div>
  <script>
  var viewModel = kendo.observable({
      isChecked: 1,
      text: 1,
      clicked: function(e){
        this.isChecked ? this.set("text",1) : this.set("text",0);
      },
      seeValue: function(e){
        alert(this.text);
      }
  });


  kendo.bind(document.getElementById("example"), viewModel);

演示

注意 ：您可以先選中/取消選中復選框，然后單擊按鈕以查看隱藏的輸入值