检查从JQuery Load加载的复选框

时间:2010-01-18 11:00:10

标签: jquery checkbox load checked

我使用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';

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

由于

2 个答案:

答案 0 :(得分:4)

假设您的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");

答案 1 :(得分:3)

应为$("#b2").attr('checked', true);