Jquery常用表单元素操作总结-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Jquery常用表单元素操作总结-创新互联

页面当中经常要做一些checkbox,radio,select,input等表单元素的操作。做为我这样的懒人早就该总结以下,免去用到的时候,不想从头写,又不得不去以前的代码中翻。下面的代码来自实际项目中,亲测可用。呵呵……

孟连网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联公司于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司

一、checkbox

对checkbox的判断往往是checkbox有没有被勾选。也经常有一个复选框控制其它全部复选框的选中和取消选中。如下图:

Jquery常用表单元素操作总结

页面左上角的复选框的选中控制表格中所有的复选框。代码如下:

为了操作方便,给控制全选的复选框增加一个id叫checkAll

下面的代码实现了全选和反选的效果

$('#checkAll').change(function(){
    if($(this).is(':checked')){
        $("input[type='checkbox']").prop("checked", true);
    }else{
        $("input[type='checkbox']").prop("checked", false);
    }
});

获取所有选中的checkbox的值

以上图为例,我要获取表格中每一行记录的id值,则给每一个checkbox增加一个value属性,在渲染页面时将value值写到checkbox中即可。另外为了方便选取checkbox为所有的checkbox增加了一个chkbox的class。

function checkValue(){
    var arr = ''
    $(".chkbox").each(function(){
        if($(this).is(":checked")){
            arr += ($(this).val() + ',')
        }
    })
    return arr
}

未完待续……

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:Jquery常用表单元素操作总结-创新互联
URL分享:http://kswsj.cn/article/decedh.html

其他资讯