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

我有两页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');如果调用不会完全错误，我该如何处理数据？

最佳答案

这有效:

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>

关于javascript - 使用jQuery检查是否在其他/其他页面上选择了单选按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22779416/