从复选框插入多行输入

Question

我打算使用复选框

从表单中插入数据

即

 <th><input type="checkbox" name="pay[]" id="chkAll"  class="chkAll"/>With Pay</th>
        <th><input type="checkbox" name="pay[]" id="chkAll2" class="chkAll2"/>Without Pay</th>

我在这里有很多输入

我该怎么做才能帮助谢谢

Answer 1

包装div中的所有输入字段并隐藏该div，如

<div id="pay-inputs" style="display:none">
    <!-- input fields -->
</div>

当你点击复选框时，使用jquery显示div，如

$(document).ready(function(){
    $("#chkAll").click(function(){
        if($(this).is(':checked')){
            $("#pay-inputs").show();
        } else {
            $("#pay-inputs").hide();
        }
    });
});