javascript - 使用 jquery 检查是否在不同/其他页面上选择了单选按钮

Question

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

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

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

Answer 1

这有效:

查看.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>

详细信息.phtml:

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