Question

这个与我的另一个问题非常相似：

how to hide and show named divs according to enum value?

但这里的想法略有不同。 toggle（）jQuery函数与下面编码的单选按钮有关：

google_id

切换的div是：

<div id="recurrent">
    <label for="recurrent">Recurrent? </label> 
    <input type="radio" id="idtrue" name="recurrent" value="true">Yes 
    <input type="radio" id="idfalse" name="recurrent" value="false" checked>No
</div>

另一个问题的改编jQuery是：

$('#recurrent select').on('change', function () {
    var value = this.value;
    $('#ifRecurrentTrue').toggle(value == true);
}).change();

我打赌这只是一个不同功能的问题，对吧？

再次提前谢谢！

Answer 1

您需要按名称查找{:ok, _started} = Application.ensure_all_started(:httpotion) elemetns，因此请使用属性equals选择器而不是元素选择器input

＆＃13;

select

＆＃13;

$('#recurrent input[name="recurrent"]').on('change', function() {
  $('#ifRecurrentTrue').toggle(this.checked && this.id == 'idtrue');
}).change();

＆＃13;

Answer 2

在提供的代码中看不到带有select标记的元素，可能是input。将select替换为input，如下所示：

$('#recurrent input').on('change', function () {
  var value = this.value;
  $('#ifRecurrentTrue').toggle(value == true);
}).change();

Answer 3

    $(document).ready(function() {  
      $('input:radio[name=recurrent]').on('change', function () {
        var values = this.value;
        $('#ifRecurrentTrue').toggle(values =='true');        
    }).change();
      
    });

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <div id="recurrent">
        <label for="recurrent">Recurrent? </label> 
        <input type="radio" id="idtrue" name="recurrent" value="true">Yes 
        <input type="radio" id="idfalse" name="recurrent" value="false" checked>No
    </div>
    <div id="ifRecurrentTrue">
        /// something
    </div>

如何根据无线电值隐藏和显示命名div？

3 个答案: