Question

问题更新

pqq.php文件：

我有一个这样的表格：

<form>

{General form input here, i.e. name, address}
<php include 'form_general.php'; ?>


{Specific form input here, i.e. equipment type}
<php include 'infrastructure.php'; ?>


<div id="placeholder"></div>


<submit>

</form>

所以在我的infrastructure.php文件中，我有几个父div中包含以下复选框，如下所示：

infrastrucure.php文件：

植物租赁类别

 <div class="option_select"><p class="select">Plant Hire</p></div>

    <div class="option_underlay">

    <div class="align"><p class="header">Access Platforms</p>
                <div class="float_column3">
                <input type="checkbox" name="option" id="option" class="group1" value="same">Option 
                <input type="checkbox" name="option" id="option" class="group1" value="same">Option
                <br> 
                <input type="checkbox" name="option" id="option" class="group1" value="same">Option
                <input type="checkbox" name="option" id="option" class="group1" value="same">Option

    </div>
                </div>

    </div>

旅游类别

<div class="option_select"><p class="select">Travel</p></div>

    <div class="option_underlay">

    <div class="align"><p class="header">Planes</p>
                <div class="float_column3">
                <input type="checkbox" name="option" id="option" class="group2" value="same">Option 
                <input type="checkbox" name="option" id="option" class="group2" value="same">Option
                <br> 
                <input type="checkbox" name="option" id="option" class="group2" value="same">Option
                <input type="checkbox" name="option" id="option" class="group2" value="same">Option

    </div>
                </div>

    </div>

我的pqq.php文件中的JQUERY：

<script>
$(document).ready(function () {
    $('input[name=option]').change(function () {
        if($(this).hasClass('group1')) {
            $('#placeholder').load("safety.php");
        } else if($(this).hasClass('group2')) {
            $('#placeholder').load("travel.php");
        }
    });
});
</script>

我想要做的是，如果用户检查Plant Hire类别中的任何复选框，那么它在表单中包含我的safety.php文件。否则，如果用户从我的旅行类别中选择任何复选框，那么我的travel.php文件将包含在表单中？

有没有人知道我可以用jquery或其他方法做到这一点？

谢谢，

Answer 1

首先制作div，加载的php文件将存储在我的代码中，它将是<div id="placeholder"></div>，然后对于每组复选框使用相同的类，在我的代码中它的类{{ 1}}和类group-1。然后使用这样的东西：

group-2

可以选择更多复选框吗？还是只有一个？如果只有一个，您可能应该取消选中代码中的所有其他复选框。

此外，您的示例代码中还有多个相同的ID，这不是一个好习惯。

jquery如果检查父div中的复选框然后包含php文件？

1 个答案: