Question

我有两页view.phtml和detail.phtml。 detail.phtml中包含/加载了view.phtml的内容。我在view.phtml中有radiobuttons。如果我选择一个单选按钮，我想显示一张图片（see Fiddle here）我现在的问题是，<div id="hS" class="haekchen"></div><p>Choose an option</p>部分位于detail.phtml，而无线电按钮位于view.phtml。

现在，如果选择了detail.phtml中的单选按钮，我想在view.phtml中显示图片。

这是从view.phtml获取radiobuttons的正确调用吗？ jQuery('#options').load('ajax/view.phtml');如果该调用不完全错误，我如何处理数据？

Answer 1

这有效：

view.phtml：

<div id="container" ></div>
<label><input id="option1" type="radio" name="dressing" value="Dressing">Option 1</label>
<label><input id="option2" type="radio" name="dressing" value="Dressing">Option 2</label>
<script type="text/javascript">
    $(document).ready(function(){
    $('#container').load('detail.phtml');
        $('#option1').on('change', function(){
            if ($(this).is(":checked")) {
                $('#hS').fadeIn('slow');
            }
        });
        $('#option2').on('change', function(){
            if ($("#option2").is(":checked")) {
                $('#hS').fadeOut('slow');
            }
        });
    });
</script>

detail.phtml：

<div id="hS" class="haekchen" hidden ></div><p>Choose an option</p>

检查是否在jquery的不同/其他页面上选择了radiobutton

1 个答案: