JavaScript获取自定义属性

再用到复选框的时候，我不仅要用一个value. 我还想用一个的话。需要自定义取checkbox中的值。

比如

<input type="checkbox" value2="123" value1="234" value="789" name="procduc_id" "onlyone()" >
// 这里就拿三个value来举例

function onlyone(){
        let item = document.getElementsByName('procduc_id');
        let toto = 0
        let count = 0
        // 遍历checkbox
        for (let i=0; i<item.length; i++){
            // 将复选框赋值
            if (item[i].checked){
                toto += Number(item[i].value)
                count += Number(item[i].getAttribute('value1'))
            }
            
        }
       alert(toto)
       alert(count)
    }

使用getAttribute这个方法，可以获取自定义属性的值。

也可以将value中放入多个值。用checkbox返回一个前端的列表

function checkorder(){


    var _items = [];
    var items = document.getElementsByName('procduc_id');
    for(var i=0;i<items.length;i++){
        if (items[i].checked){
            _items.push(items[i].value);
        }
    }

    console.log(_items);


}

有兴趣的可以自己试试。我先去面壁叻…