Bootstrap Radiobutton JS无法正常工作stopPropagation();

时间:2015-09-01 03:43:14

标签: javascript jquery twitter-bootstrap

Event difference bootstrap collapse

继续

我现在有一些像

这样的代码
 <p data-toggle="collapse" data-target="#a" aria-expanded="false" aria-controls="a">
  <span class="glyphicon glyphicon-plus"></span></p>
 <div id="a" class="collapse">
  <ul class="faulttab nav nav-tabs nav-justified" role="tablist">
   <li role="presentation" class="active">
   <a href="#a-a" aria-controls="a-a" role="tab" data-toggle="tab">a-a</a></li>
   <li role="presentation" class="active">
   <a href="#a-b" aria-controls="a-b" role="tab" data-toggle="tab">a-b</a></li>
  </ul>
  <div class="tab-pane fade in active" id="a-a">
   <form>
     <div class="form-group">
      <label class="control-label col-lg-2" for="invchs">Investigation</label>
      <div class="btn-group col-lg-10" data-toggle="buttons">
       <label class="btn btn-primary active">
        <input type="radio" name="options" value="0" autocomplete="off" checked>Not Needed
       </label>
      <label class="btn btn-primary">
       <input type="radio" name="options" value="1" autocomplete="off">Needed
      </label>
     </div>//col-lg-10
    </div>//formgorup
   </form>
 </div>//a-a
 <div class="tab-pane fade in active" id="a-b">
   <form>
     <div class="form-group">
      <label class="control-label col-lg-2" for="invchs">Investigation</label>
      <div class="btn-group col-lg-10" data-toggle="buttons">
       <label class="btn btn-primary active">
        <input type="radio" name="options" value="0" autocomplete="off" checked>Not Needed
       </label>
      <label class="btn btn-primary">
       <input type="radio" name="options" value="1" autocomplete="off">Needed
      </label>
     </div>//col-lg-10
    </div>//formgorup
   </form>
 </div>//a-b
</div>//collapse

(像这样的东西,但不是完全100%一样,因为它太大了,不能在这里发布)

我的JS代码就像

$('.collapse').click(function(e){
   e.stopPropagation();
});

当我在展开表单时单击某些内容并防止崩溃形式崩溃而不填充任何内容(或点击其他地方)时,这些就会崩溃所以我把stopPropagation();这就是为什么< / p>

我也不知道出了什么问题,但我的第一个猜测是stopPropagation();单选按钮无法正常工作

发生的事情是单选按钮JS不起作用(HTML工作正常)

  • 在这种情况下不工作意味着当我点击另一个单选按钮时,另一个没有重置为取消检查状态,但在HTML中每个工作正常

有什么方法可以解决这个问题吗?

同样......只改变JS会很棒

由于

0 个答案:

没有答案