jquery控制checkbox

Posted 矿D泉水

tags:

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

选择/取消一组复选框

/**
 * 选择/取消一组复选框
 * @param checkAllId    全选checkboxId
 * @param objName        要操作的一组checkBox的name
 */
function selectGroup(checkAllId,objName) {
    $(‘input[name=‘+objName+‘]‘).prop(‘checked‘, $("#"+checkAllId).prop(‘checked‘)); 
}

获取选择的一组复选框的值

function getCheckedVal(checkBoxName) {
    var checkedVals = "";
    $("input[name="+checkBoxName+"]:checked").each(function(){
        checkedVals = checkedVals + $(this).val() + ",";
    });
    if(checkedVals != "") {
        //去掉最后的一个“,”
        checkedVals = checkedVals.substring(0, checkedVals.length - 1)
    }
    return checkedVals ;
}

 

知识扩展:

prop(name|properties|key,value|fn)  返回jquery对象

获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。

attr(name|properties|key,value|fn)  返回string

获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

以上是关于jquery控制checkbox的主要内容,如果未能解决你的问题,请参考以下文章

Jquery if复选框是否已选中Bootstrap开关

如何判断checkbox复选框是否选中

jq设置checkbox默认选中状态 jQuery控制input不可编辑

jquery控制checkbox

jquery控制checkbox全选与全不选

JQuery操作CheckBox 第二次无法选中的问题