Question

直截了当：我有一个父母和一个孩子，他们通过onclick = showMe（＆＃34;＆＃34;，this）线连接起来。这里的问题是，如果父母被验证，它将检查复选框，但它不会显示相应的孩子。这是摘录：

    {

    <?php
    //Getting the Category ids
    $ids=$detail['details_category_ids'];

    //Trying to explode into integers
    $cat_array = array_map('intval', explode(' | ',$ids));

    foreach($cat_val as $ids=>$ids_value){
    $cat_array2[$ids_value]=$cat_array[$ids];
    }

    ?>

    <div class="control-group">
    <label class="control-label">Parent1</label>
    <div class="controls">
    <input name="category[]" type="checkbox" id="chb1" value="1" <?php echo ($cat_array2[1]=='1')                 ? 'checked' :''; ?> onclick="showMe('level_2', this)"> Level 1
    </div>
    </div>

    <div id="level_2" style="display:none">
    <hr>
    <div class="control-group">
    <label class="control-label">Child1</label>
    <label class="checkbox inline span13" style="margin-left:10px;">
    <input name="category[]" type="checkbox" id="idCheckbox1" value="9" <?php echo         ($cat_array2[1]=='1') ? 'checked' :''; ?> onclick="showMe('pb-counter', this)">Counter
    </label>
    </div>
    </div>

    }

这是我测试的jQuery文件：

    $(document).ready(
    (function(){
    if('input[type=checkbox]:checked').length{
    $('.child_id',this).toggle();
    }
    });

- ＆GT;基本上，我希望孩子在验证父母时显示。不点击复选框。如果有更好的方法可以做到这一点，我全都耳朵。

Answer 1

设置.change()侦听器并在更改内容后立即验证您的表单。

当满足某些要求时，请显示表格的其余部分。

一旦验证了父div，切换显示子div

1 个答案: