使用すると、私はチェックボックスがチェックされたときに無効にする入力ボックスを取得しようとしています

Question

結合無効にします。私はこれを行うためにKnockoutjsを使用しようとしていますが、動作しないようです。ここで

は私のhtmlです：ここでは

<input id="input1" type="text" placeholder="Something Here" 
data-bind="disable: makeInvalid"/> 
<input type="checkbox" id="chk1" data-bind="checked: makeInvalid"/> 
<label>Make Textarea Invalid</label> 

は私のjsです：

var viewModel = { 
     makeInvalid : ko.observable(false),   
}; 

ko.applyBindings(viewModel, document.getElementById("chk1")); 

私のフィドルはここにある：

https://jsfiddle.net/devEngine/3ag0881z/2/

私はノックアウトの指示に従うことを試みてきました彼らが言うディスエーブルバインディングはenablとまったく同じです電子ただ逆に、結合：

http://knockoutjs.com/documentation/enable-binding.html

誰も私が間違ってやっているものを私に伝えることができますか？

ご協力いただければ幸いです。

Answer 1

この1つは超簡単修正です。あなたの適用バインディングはid chk1の要素にしか当てられません。オブザーバブルの値は、そのスコープ内でのみバインドされます。単にあなたのko.applyBindingsの第2引数を削除し、それだけで正常に動作します。

var viewModel = { 
 
     makeInvalid : ko.observable(false),   
 
}; 
 
    
 
    ko.applyBindings(viewModel);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 

 
<input id="input1" type="text" placeholder="Something Here" 
 
data-bind="disable: makeInvalid"/> 
 
<input type="checkbox" id="chk1" data-bind="checked: makeInvalid"/> 
 
<label>Make Textarea Invalid</label>

Answer 2

あなたのjsFiddleからノックアウトが欠落しています。

これは ko.applyBindings(viewModel, document.getElementById("chk1"));間違っています。入力とチェックボックスにバインディングを適用する必要があります。 ko.applyBindings(viewModel);

jsFiddle作業を参照してください：ノックアウトはjQueryを使って組み合わせて使用​​することができますが、あなたのフィドルにjqueryの＆ノックアウトファイルを追加し、また https://jsfiddle.net/3ag0881z/4/