Question

我有一个表格，我想在复选框上应用Bootstrap Switch，我能够做到这一点，但我的问题是它适用于我不想要的所有其他检查器。

我的代码如下：

    <div id="tableDiv">
  <table>
 <tr>
   <th>
       1st header
   </th>
   <th>
       2nd header
   </th>
   <th>
       enable 
   </th>
   <th>
      delete
   </th>
 </tr>
<tr>
   <th>
       1st data
   </th>
   <th>
       2nd data
   </th>
   <th>
       <input class="toggle" id="toggleCheck-1" type="checkbox"/> 
   </th>
   <th>
      <img scr="/img/delete.png" />
   </th>
 </tr>
<tr>
   <th>
       2 nd row data
   </th>
   <th>
      2 nd row data
   </th>
   <th>
       <input class="toggle" id="toggleCheck-2" type="checkbox"/> 
   </th>
   <th>
      <img scr="/img/delete.png" />
   </th>
 </tr>
<table>  
</div>
<div id="formDiv">

<form action="/saveForm" method="get">
  First Name : <input type="text" id="Fname">
  Last Name : <input type="text" id="Lname">
  Loging Name : <input type="text" id="loginName">
  Enable : <input type="checkbox" id="enable">
  age :   <input type="radio" id="above"> above 18
           <input type="radio" id="below"> below 18 
</form>
</div>

我的DOM在选项卡的基础上包含这个2 <div>我在表格中有show()或hide()我想要Bootstrap Switch [开/关]，我能够实现这一点

 $('.toggle').bootstrapSwitch();

但我的问题是它也适用于<div id="formDiv">我也不想要。

我已尝试过id

$('input[id^=toogleCheck]').bootstrapSwitch();

但仍然适用于formdiv。

我已经推荐此链接http://www.bootstrap-switch.org/

任何人都可以告诉我哪里做错了

Answer 1

您可以在jquery中使用not选择器

$('.toggle:not(#formDiv)').bootstrapSwitch();

Answer 2

您的代码是正确的！

我和你一样尝试过：

$('.toggle').bootstrapSwitch();

检查出来：http://jsfiddle.net/nF2xQ/

Answer 3

尝试一下：

type ValueOf<T> = T[keyof T];

// Prevent widening of the types of the constants to `number`.
function asLiterals<T extends number, U extends { [n: string]: T }>(arg: U) {
    return arg;
}

class ExampleClass {

    private static readonly MODES = asLiterals({
        DEVELOPMENT: 0,
        PRODUCTION: 1,
        TEST: 2
    });

    //  Any Value of ExampleClass.MODES
    constructor(mode: ValueOf<typeof ExampleClass.MODES>) {

    }
}

Bootstrap Switch： - 不想应用于所有复选框

3 个答案: