解析页面通过JavaScript复选框复选框、页面、JavaScript

2023-09-10 21:48:07 作者:乜許。迩吥嬞

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

 <输入类型=复选框名称='quicklinkscb'ID ='quicklinkscb_XX'/>
 

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

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

发现自己的身份证,并从它和剥离quicklinksscb_:

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

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

有人可以提供一些线索

解决方案

 的(VAR I = 0; I< document.forms.length;我++){
    对于(VAR J = 0; J< 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(标签);
    }
}
 
网页端如何通过JS实现超市小票打印功能 内附代码

在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);
});