Question

我想编辑一个表 - 使用下拉复选框添加/删除其列。谁能告诉我怎么样？我可以使用普通的复选框，但无法找到如何通过下拉复选框。这是我的代码：

<script>
$("button").click(function() {
    $("p").toggle();
     var btnID = $(this).attr('id');

    var coresDiv = $('div#' + btnID);

    coresDiv.toggle();
});

$("#selector").click(function() {
    $("#main").toggle();
    $("p").toggle();
});
</script>

勾选复选框后，将显示相应的列。当要删除未选中的列时。

你能给我完整的HTML代码吗？当我把小提琴放到记事本中并保存为HTML时它不起作用。一些完整的代码会非常有用。

Answer 1

试试这个：

$("input[type='checkbox']").change(function() {
    var val = $(this).val();    
    $("#mytable tr:first").find("th:eq("+val+")").toggle();
    $("#mytable tr").each(function(){
        $(this).find("td:eq("+val+")").toggle();
    });
    if($("#mytable tr:first").find("th:visible").length > 0){
        $("#mytable").removeClass("noborder");
    }
    else{
        $("#mytable").addClass("noborder");
    }
});

Fiddle here.

Answer 2

您可以在复选框中添加data-*属性，指明哪个列依赖于以下内容

<input type="checkbox" name="vehicle" value="Bike" data-column="1" />Index

然后

$('input[type="checkbox"]').click(function () {
    $('#mytable tr > :nth-child(' + $(this).data('column') + ')').toggle(!this.checked)
});

演示：Fiddle

使用jquery使用下拉复选框（检查列表）添加/删除表列

2 个答案: