jquery自动填充勾选框即把勾选框打上true

下面是jQuery自动填充勾选框并把勾选框打上true的攻略。

一、实现思路

要实现自动填充勾选框并把勾选框打上true，可以采用jQuery的prop方法。具体实现思路如下：

1. 获取需要勾选的勾选框的dom元素；

2. 使用prop方法将勾选框打上true。

二、示例说明

以下是两条示例说明，可以让您更好地理解如何实现自动填充勾选框并把勾选框打上true。

1. 根据客户端的选择自动填充地址

假设我们的页面上有一个选择省、市、区的表单，且在这个表单下面有一个勾选框：是否与客户端选择的地址自动填充。我们需要实现的效果是，当用户勾选了该勾选框后，根据用户选择的省、市、区自动填入地址。

我们可以先获取该勾选框的dom元素，然后判断用户是否勾选该勾选框。如果用户勾选了该勾选框，则根据用户选择的省、市、区填入地址。代码示例如下：

$("#autoFill").change(function() {
    if ($(this).prop("checked")) { // 如果勾选了自动填充
        var province = $("#province").val(); // 获取省份
        var city = $("#city").val(); // 获取城市
        var district = $("#district").val(); // 获取区域
        var address = province + city + district; // 组合成用户的地址
        $("#address").val(address); // 将地址填入表单
    }
});

2. 选中一行数据时自动勾选复选框

假设我们的页面上有一个表格，有多行数据，每行数据前面有一个复选框。我们需要实现的效果是，在用户选中一行数据时自动勾选该行对应的复选框。

我们可以给表格每一行的dom元素增加点击事件，然后在事件中确定用户点击的是哪一行，然后再根据这一行数据的id选中该行对应的复选框。代码示例如下：

$("tr").click(function() {
    var rowId = $(this).attr("data-id"); // 获取当前行的id
    $(this).find("input[type=checkbox]").prop("checked", true); // 根据id选中对应的复选框
});

三、结束语

以上就是jQuery自动填充勾选框并把勾选框打上true的完整攻略，希望能对您有所帮助！