ブートストラップトグルチェックボックスボタンのラベルがjqueryによって変更されました

Question

データオンとデータオフのスタイルでトグルボタンのラベルを変更する必要があります。 どうすればいいですか？ 私のトグルは、htmlで作成します。

私はJSコードの下などのボタン作成した

オフOnSending送信：

$("#allOnOff").bootstrapToggle({ 
    on   : "Sending On", 
    off   : "Sending Off", 
    onstyle  : "success", 
    offstyle  : "danger"   
}); 

をそして、私は下のようにそれを変更する必要があります。

$("#allOnOff").bootstrapToggle({ 
    on   : "Custom", 
    off   : "Sending Off", 
    onstyle  : "warning", 
    offstyle  : "danger" 
}); 

しかし、それは変更を加えていません。助けてください。

Answer 1

ラベルを変更するときは、JSから、のHTMLに貼る必要はありません。あなたは::以下のコードで

<input type="checkbox" id="allOnOff" data-toggle="toggle" checked class="emailOnOff" data-size="normal" data-onstyle="success" data-offstyle="danger"> 

をごHTMLを交換し、それがあるとして、あなたのJSコードを維持する必要があります。

ワーキングJSFIDDLEのLINK :: https://jsfiddle.net/cswuL90j/