javascript - 在循环中测试自定义属性

Question

我有一个表单，我将其设置为测验。最终我会改变它来计算一次完成测验的最终分数。但我被困在这一部分。如果选中了正确的方框，我想添加一个点，如果选中了错误的方框，则减去一个点。

代码正确答案：

<input type="checkbox" name="q3" id="q1javascript" answer="true"> 

代码错误的答案：

<input type="checkbox" name="q3" id="q3xhtml" answer="false"> 

的Javascript反对检查：

function test() { 
    var boxes = document.getElementsbyName('q3'); 
    var score = 0; 
    var i = 0; 
    while (i < 4) { 
     var answer = boxes[i].getAttribute('answer'); 
     if (answer === 'true') { 
      score++; 
     } 
     else { 
      score--; 
     } 
     i++; 
    } 
    alert(score); 
} 

JSFiddle

Answer 1

尝试ŧ他的JSFiddle：http://jsfiddle.net/vCz2T/1/

复选框现在使用data-answer="true"或data-answer="false"。喜欢你的answer属性的任何自定义数据应与data-前缀：

<input type="checkbox" name="q3" id="q3css" data-answer="true"> 

的test()功能已变更为：

function test() { 
    var boxes = document.getElementsByName('q3'); 
    var score = 0; 
    var i, box, answer; 
    for (i = 0; i < boxes.length; i++) { 
     box = boxes[i]; 
     if (box.checked) { 
      answer = box.getAttribute('data-answer'); 
      if (answer === 'true') { 
       score++; 
      } else { 
       score--; 
      } 
     } 
    } 
    alert(score); 
} 

现在要做的getAttribute('data-answer')。另外，您应该检查box.checked，以便只检查复选框。