Question

当人们选择一个输入广播时，我做了这段代码来显示一个div，但是不起作用。不幸的是，输入位于.tpl页面（PrestaShop）中，并且是一个组。因此，我将其称为值23。如果我放一些CSS，它可以工作，但是当我设置“ show”时，div保持隐藏状态。怎么了？

 $(document).ready(function () {
  $('#group_1 input').each(function () {
      if ($(this).val() == ('23') && $(this).is(':checked')) {
              $('#showtext').show();

      } else {
          $('#showtext').hide();
      }
  });
  });



 {elseif $group.group_type == 'radio'}
    <ul id="group_{$id_attribute_group}">
      {foreach from=$group.attributes key=id_attribute item=group_attribute}
        <li class="input-container float-xs-left">
          <label class="accordion--form__label">
            <input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>
            <span class="radio-label">{$group_attribute.name}</span>
          </label>
        </li>
      {/foreach}
    </ul>
  {/if}

Answer 1

 $(document).ready(function() {
            $('#group_1 input').each(function() {
                if ($(this).val() == ('23') && $(this).is(':checked')) {
                    $('#showtext').show();
    
                } else {
                    $('#showtext').hide();
                }
            });
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "group_1" >

        <input class = "input-radio"  type = "radio" data-product-attribute = "data-product-attribute" name = "test" value = "23" checked>
        </div>
        
        <div id = "showtext" >Show text </div>

您可以看到上面的代码运行正常。您已将display：none！important;应用于CSS代码中的showtext。

如果选中输入，如何显示div

1 个答案: