如何讓我的JQuery複選框顯示來自Knockout數據綁定的值？

我遇到了使用我的Knockout綁定綁定我的JQuery Mobile複選框的問題。我在窗體其他部分的所有文本框都正常工作，並且您可以通過此圖像看到布爾值設置爲true（參與獎勵和輸入比賽的價值）。如何讓我的JQuery複選框顯示來自Knockout數據綁定的值？

enter image description here

<div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup"> 

      <legend>Sign up for extras</legend> 

      <label for="IsInRewards">Join Rewards</label> 
      <input type="checkbox" data-bind="checked: IsInRewards" id="IsInRewards" class="custom" /> 

      <label for="IsEnterContest">Enter Contest</label> 
      <input type="checkbox" data-bind="checked: IsEnterContest" id="IsEnterContest" class="custom" /> 

      <br /> 
      Value of Join Rewards (IsInRewards) : <span data-bind="text: IsInRewards"></span> 
      <br /> 
      Value of Enter Contest (IsEnterContest) : <span data-bind="text: IsEnterContest"></span> 

     </fieldset> 
    </div>

我已閱讀，有路之間的一些問題，淘汰賽和JQuery處理事件，所以我懷疑我的問題是有關這一點，但我一直無法弄清楚。我需要做什麼才能讓兩個JQuery複選框字段顯示數據綁定的值？

來源

2012-07-23 Buck Hicks

你可以發佈一個鏈接到jQuery Mobile的複選框插件，您使用的是自定義綁定處理程序？ – Tyrsius 2012-07-23 23:09:25

我正在使用jquery.mobile-1.1.0.js，我使用NuGet下載了 – 2012-07-24 19:13:30

做起來並不難。您可以創建爲jQuery UI的複選框http://knockoutjs.com/documentation/custom-bindings.html

來源

2012-07-24 04:48:22

我有大約4小時試圖讓我的複選框的自定義綁定工作，並且無法完成。我對HTML/JavaScript非常陌生，這是問題的一部分。我甚至在PluralSight上觀看過你的視頻，但仍然沒有得到它。我現在正在查看示例內容，看看我能否從中找出答案。儘管感謝提供了正確的方向。 – 2012-07-24 19:27:45

如何讓我的JQuery複選框顯示來自Knockout數據綁定的值？

回答

相關問題