解析页面通过JavaScript复选框 [英] Parse page for checkboxes via javascript

问题描述

我有一个动态创建的页面加载和书面像这样一堆复选框：

 ＆LT;输入类型=复选框名称='quicklinkscb'ID ='quicklinkscb_XX'/＆GT;
 

其中XX再$ P $从数据库psents该项目的ID。

我希望能够通过javascript所有复选框和解析的页面：

发现自己的身份证，并从它和剥离quicklinksscb_：

 如果（复选框被选中）
{
  添加到添加列表
}
其他
{
 添加删除列表
}
 

我无法通过复选框列表做到这一点，我想这样做的所有客户端

有人可以提供一些线索

解决方案

 的（VAR I = 0; I＆LT; document.forms.length;我++）{
    对于（VAR J = 0; J＆LT; document.forms [I] .elements.length; J ++）{
        VAR的elem = document.forms [I] .elements [J]。
        如果（elem.type ==复选框）
            var标记符= elem.getAttribute（'身份证'）;
            tag.replace（/ ^ quicklinkscb_ /，''）;
            如果（elem.checked）
                add_to_add_list（标签）;
            其他
                add_to_remove_list（标签）;
    }
}
 

在jQuery的容易很多：

  $（：复选框）每个（函数（）{。
    var标记符= $（本）.attr（'身份证'）;
    tag.replace（/ ^ quicklinkscb_ /，''）;
    如果（$（本）.attr（'检查'））
        add_to_add_list（标签）;
    其他
        add_to_remove_list（标签）;
}）;
 

I have a bunch of checkboxes that are created dynamically on page load and written like so:

<input type='checkbox' name='quicklinkscb' id='quicklinkscb_XX'/>

where XX represents the id of the item from the database.

I want to be able to parse the page via javascript for all checkboxes and:

find their id and strip the 'quicklinksscb_' from it and:

if(checkbox is checked)
{
  add to add list
}
else
{
 add to remove list
}

I can't do this via checkbox list and I want to do this all client side

Can someone shed some light

解决方案

for(var i = 0; i < document.forms.length; i++) {
    for(var j = 0; j < document.forms[i].elements.length; j++) {
        var elem = document.forms[i].elements[j];
        if(elem.type == 'checkbox')
            var tag = elem.getAttribute('id');
            tag.replace(/^quicklinkscb_/, '');
            if(elem.checked)
                add_to_add_list(tag);
            else
                add_to_remove_list(tag);
    }
}

Vastly easier in jQuery:

$(':checkbox').each(function() {
    var tag = $(this).attr('id');
    tag.replace(/^quicklinkscb_/, '');
    if($(this).attr('checked'))
        add_to_add_list(tag);
    else
        add_to_remove_list(tag);
});

这篇关于解析页面通过JavaScript复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！