jquery 怎么给复选框选中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 怎么给复选框选中相关的知识,希望对你有一定的参考价值。

有两种方法,

①:点击事件;如:

<input type="checkbox" class="ck" />

$(".ck").click();

这样就能设置复选框选中;

②:设置其checked属性;如:

<input type="checkbox" class="ck" />

$(".ck").prop("checked",true);

这样就设置复选框选中

参考技术A $("input[type=checkbox]").get(0).checked=true;

复选框 - 使用 jQuery 和 MySQL 选中或取消选中

【中文标题】复选框 - 使用 jQuery 和 MySQL 选中或取消选中【英文标题】:checkbox - checked or unchecked with jQuery and MySQL 【发布时间】:2011-08-26 10:19:14 【问题描述】:

我目前正在创建一个必须可以选中/取消选中复选框的系统。每次更改状态时,我都需要 jQuery 对页面进行 AJAX 调用,从而更新数据库。

我该怎么做?

【问题讨论】:

【参考方案1】:

检测复选框是否被选中:

if ( $('#id').is(':checked') )  

这可以在由“onchange”事件触发的函数中执行。

function checkCheckboxState() 

    if ( $('#id').is(':checked') )  

        // execute AJAX request here

    

【讨论】:

【参考方案2】:

例如你可以这样做:

首先你必须查看复选框是否被选中:

$("#yourSelector").live("click", function()
        var id = parseInt($(this).val(), 10);
        if($(this).is(":checked")) 
            // checkbox is checked -> do something
         else 
            // checkbox is not checked -> do something different
        
);

您可以通过 Ajax 加载特定内容:

$.ajax(
                type: "POST",
                dataType: "xml",
                url: "path/to/file.php",
                data: "function=loadContent&id=" + id,
                success: function(xml) 
                    // success function is called when data came back
                    // for example: get your content and display it on your site
                
);

【讨论】:

请记住,在为变量赋值之前,您需要在某处声明变量id。而且,如果使用parseInt(),总是值得指定radix:parseInt($(this).val(), 10);【参考方案3】:

你坚持哪一点?你可能应该有这样的东西......

$('#myCheckbox').click(function() 
    var checked = $(this).is(':checked');

    $.ajax(
        type: "POST",
        url: myUrl,
        data:  checked : checked ,
        success: function(data) 
            alert('it worked');
        ,
        error: function() 
            alert('it broke');
        ,
        complete: function() 
            alert('it completed');
        
    );
);

【讨论】:

好吧,我被卡住了。我读过使用带有复选框的单击是不好的。当我在单击复选框时尝试执行警报时,它不会发出任何警报 - 所以我不确定它是否正常工作:s【参考方案4】:

大概是这样的吧?

$('.checkbox').click(function ()
    var val = $(this).is(':checked');
    $.load('url_here',status:val);
);

【讨论】:

【参考方案5】:
<input type="checkbox" name="foo" value="bar" class="checkIt"/>

<script type="text/javascript">
    $('.checkIt').bind('click', function() 
        if($(this).is(":checked")) 
            // checkbox is checked
         else 
            // checkbox is not checked
        
    );
</script>

您现在可以拥有多个复选框。

【讨论】:

以上是关于jquery 怎么给复选框选中的主要内容,如果未能解决你的问题,请参考以下文章

jQuery怎么得到复选框选中的值

jquery怎么得到复选框值

jquery easyui 怎么使用循环为复选框赋值

jquery怎么获取多选框的值

使用 jQuery 查找未选中的复选框并将名称传递给 C# 代码

jquery实现 点击复选框,勾选所有复选框,再次点击取消勾选,这个功能怎么实现?