检查从 JQuery Load 加载的复选框

Question

我正在使用 Jquery 和 load 函数将一组复选框加载到 div 中。我的代码是

$("#cb-list").load('www.someurl.com');

www.someurl.com 返回一堆复选框的 html，例如

<input type="checkbox" value="sddfdsf" name="cb[]" id="a1" />
<input type="checkbox" value="sddfdsf" name="cb[]" id="b2" />

我想浏览已返回的复选框，然后根据参数检查其中一些复选框（我想在加载复选框的页面上执行此操作而不是正在加载的页面）。

我该如何使用 jQuery 来解决这个问题？例如，我可能会返回 3 个复选框，其 ID 为 a1、b2、c3，我想检查 b2 和 c3。我通常会这样做，

$("#b2").attr("checked") = 'checked';
$("#c3").attr("checked") = 'checked';

但这不起作用，我假设这是因为复选框是从外部链接加载的。

谢谢

Answer 1

假设您的 AJAX 调用返回一个包含上面发布的 HTML 的字符串，那么您需要将该字符串加载到 jQuery 变量中：

//put html into a string
var myCheckboxes = $("#cb-list").load('www.someurl.com');
/*... possibly perform some validations here ... */
var $myCheckboxes = $(myCheckboxes);

然后设置为单独检查：

$myCheckboxes.filter("#b2").attr('checked', true);
$myCheckboxes.filter("#c3").attr('checked', true);

或使用 .each() 设置全部：

$myCheckboxes.each(function(){
    $(this).attr('checked', true);
});

我想你会想将它附加到某些东西上。这里我们用 id ='MyDiv' 附加到一个 div

$myCheckboxes.appendTo("#MyDiv");

Answer 2

它应该是 $("#b2").attr('checked', true);