0

私はbootstrap-button.jsを持っていて、このマークアップを持っていますが、ボタンをクリックしても、クリックされたことを示すためにボタンを切り替えません。何が欠けているかについてのヒントはありますか？

<div class="control-group">
  <div class="btn-group" data-toggle="buttons-checkbox" data-toggle-name="checkbox_group">
    <button class="btn" id="chkbox1"  type="button" value="1Fail" data-toggle="button"> 1 Failure </button>
    <button class="btn" id="chkbox2"  type="button" value="2Fail" data-toggle="button"> 2 Failure </button>
    <button class="btn" id="chkbox3" type="button" value="OtherFail" data-toggle="button"> Other Failure </button>
  </div>
  <input type="hidden" name="checkbox_group" value="1"/>
</div>

質問の2番目の部分は、どのボタンがクリックされたかに関するデータをJavaScriptに取り込む方法です。1Failがクリックされた場合は、jsコードを切り替えて、1Failがクリックされたことを検出する必要があります。前もって感謝します。

4

1 に答える 1

2

data-toggle="button"問題は、必要のないすべてのチェックボタンに追加したことです。あなたはすでにdata-toggle="buttons-checkbox"外側のdiv要素を持っているからです。

したがって、次のように変更します。

    <div class="control-group">
      <div class="btn-group" data-toggle="buttons-checkbox" data-toggle-name="checkbox_group">
        <button class="btn" id="chkbox1"  type="button" value="1Fail" > 1 Failure </button>
        <button class="btn" id="chkbox2"  type="button" value="2Fail" > 2 Failure </button>
        <button class="btn" id="chkbox3" type="button" value="OtherFail" > Other Failure </button>
      </div>
      <input type="hidden" name="checkbox_group" value="1"/>
</div>

編集：

申し訳ありませんが、2 番目の質問に気がつきませんでした。ボタンをクリックするとactiveクラスが追加されるので、jQueryのhasClassメソッドでこれを検出できます。

于 2012-08-08T02:30:59.873 に答える