1

我有一个字段，选中时会切换一个文本字段。 在此处查看演示。

当用户选择Yes时，将显示一个文本字段。当用户选择无文本字段隐藏时。这可以。

问题是，单击Yes，如果再次单击Yes文本字段隐藏，则现在显示文本字段。在用户仅选择“否”之前，它应该是可见的。

我怎样才能做到这一点 ？我可以用 jQuery 轻松做到这一点，没有问题。但是由于引导程序可以使用标记来做到这一点，所以我只想这样做。

这是标记 -

<div class="control-group">
        <label class="control-label" for="inputPreviousSurname">Previous Surname</label>
        <div class="controls">
            <label class="checkbox inline">
                <input type="radio" name="previousSurname" data-toggle="collapse" data-target="#demo"> Yes
            </label>
            <label class="checkbox inline">
                <input type="radio" name="previousSurname" checked data-toggle="collapse" data-target="#demo"> No
            </label>
        </div>
        <div class="controls">
            <div id="demo" class="collapse in">  <input   type="text" /></div>
        </div>
    </div>
4

1 回答 1

2

我知道的唯一方法是通过 jQuery（但使用引导折叠功能）

否则，引导程序只会将其视为切换。

HTML

 <div class="control-group">
    <label class="control-label" for="inputPreviousSurname">Previous Surname</label>
    <div class="controls">
        <label class="checkbox inline">
            <input id="show" type="radio" name="previousSurname"> Yes
        </label>
        <label class="checkbox inline">
            <input id="hide" type="radio" name="previousSurname" checked="" > No
        </label>
    </div>
    <div class="controls">
        <div id="demo" class="collapse">  <input   type="text" /></div>
    </div>
</div>

jQuery

$(document).ready(function(){
  $('#show').click(function(){
      $('#demo').collapse('show');
  });
  $('#hide').click(function(){
      $('#demo').collapse('hide');
  });
});

http://jsfiddle.net/2E2En/3/

于 2013-10-03T14:36:12.663 回答