Question

js checkbox 获取选中项 属性 非 value

<input price="28.99" name="accessories" value="hua (+$28.99)" id="attr97" type="checkbox">

<input price="35.99" name="accessories" value="hudie (+$35.99)" id="attr98" type="checkbox">
... ... 此处省略很多个input

<script>

var str=document.getElementsByName("accessories");
var objarray=str.length;
var accessoriesa = "";
var accessoriesb = "";
for (i=0;i<objarray;i++){
if(str[i].checked == true) {
accessoriesa+=str[i].value+" ";
accessoriesb+=str[i].attr("price")+"|";
}
}
if(accessoriesa == "") { var accessories = ""; } else { var accessories = "\n" + "Accessories: " + accessoriesa; }
if(accessoriesb == "") { var accessoriesprice = ""; } else { var accessoriesprice = accessoriesb; }
</script>
这样写是错的，不能获取 price 的值， 只能获取 value 的值。怎么才能获取到选中的checkbox的price值？

Answer 1

attr是jquery中的方法，不是js自带的方法。

1. 要使用attr请将jquery库导入，然后将你的dom节点封装为jquery对象，然后使用attr(attributName)。

2. 如果不导入jquery库，使用dom节点的getAttribute方法来获取该属性的值。
   

Answer 2

javascript取属性值要用
str[i].getAttribute('price')

jquery才用attr()取