如何查看具有自定义属性的所有输入

时间:2011-03-09 19:10:52

标签: javascript

我有一个带复选框的表单。 所有复选框都有一个名为att的属性,其中包含几个用逗号分隔的数字。

我想创建一个获取数字的函数,遍历所有复选框并检查其att属性包含该数字的所有复选框。

可以请某人指出我正确的方向吗?

4 个答案:

答案 0 :(得分:1)

使用JQuery,您可以使用attribute-contains selector获取属性包含特定值的所有元素。

$('input[att*="100"]').val('input has 100 in it!');

答案 1 :(得分:1)

这会循环遍历所有input元素并为您提供一个包含att值的数组(使用逗号分割),因此我添加了一些逻辑来仅选择复选框:

for (var i = 0; i < document.getElementsByTagName('input'); i++)
{
  var att_array = document.getElementsByTagName('input')[i].getAttribute('att').split(',');
}

答案 2 :(得分:1)

这将为您提供属性ATTR的所有输入,然后提醒每个输入的值。当然,当你拥有它时,你可以随心所欲地做任何事情。


$("input[ATTR]").each(function(){
  alert($(this).attr("ATTR"))
})

如果您想将此限制为复选框,请更改选择器,如下所示


$(":checkbox[ATTR]").each(function(){
  alert($(this).attr("ATTR"))
})

答案 3 :(得分:1)

使用jQuery,您可以执行类似

的操作
function myfunc(num)
{
    $(":checkbox[att!='']").each(function()
    {
        var i, l, values = $(this).attr("att").split(",");
        for (i = 0, l = values.length; i < l; ++i)
        {
            if (values[i] == num)
            {
                $(this).attr("checked", "checked");
                break;
            }
        }
    });
}