Javascript單選按鈕檢查不工作使用列

Question

我有一個表格，我有一個表格，每個表格有三個單選按鈕，我想獲得radioButton的值並將其存儲在一個數組中。獲取警報從此功能開關外殼內不起作用：

var registerEventToRadio = function registerEventToRadio(formName, radioName, radio) { 
//alert('aaaa'); works uncommenting this causes 9 alerts... 
var mandyEvent = function mandyEvent(event) { 
    switch (formName) { 
     case 'rowform_chandelier': 
      mandatoryArr[0] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_fireplace': 
      mandatoryArr[1] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_rooflights': 
      mandatoryArr[2] = 1; 
      alert(1); //does not work 
      break; 
    } 
}; 

var viEvent = function viEvent(event) { 
    switch (formName) { 
     case 'rowform_chandelier': 
      visibleArr[0] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_fireplace': 
      visibleArr[1] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_rooflights': 
      visibleArr[2] = 1; 
      alert(1); //does not work 
      break; 
    } 
}; 

var renoEvent = function renEvent(event) { 
    switch (formName) { 
     case 'rowform_chandelier': 
      renameArr[0] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_fireplace': 
      renameArr[1] = 1; 
      alert(1); //does not work 
      break; 
     case 'rowform_rooflights': 
      renameArr[2] = 1; 
      alert(1); //does not work 
      break; 
    } 
}; 
var i = 0; 
for (i = 0; i < radio.length; i++) { 
    if (radioName === 'mandatory') radio[i].onclick = mandyEvent; 
    if (radioName === 'visible') radio[i].onclick = viEvent; 
    if (radioName === 'rename') radio[i].onclick = renoEvent; 
} 

};

調用該函數以這種方式：

var reno = getRadioButtonArray(formName, 'rename'); 
registerEventToRadio(formName, 'mandatory', mandy); 
registerEventToRadio(formName, 'visible', vi); 
registerEventToRadio(formName, 'rename', reno); 

This是一個的jsfiddle它由那裏使用的所有代碼。

Answer 1

您的getRadioButtonArray返回一個單選元素，而不是一個數組，因此您的代碼不會執行任何操作，因爲您正試圖遍歷非數組。在for循環更改爲這將讓事件來運行：

if (radioName === 'mandatory') radio.onclick = mandyEvent; 
if (radioName === 'visible') radio.onclick = viEvent; 
if (radioName === 'rename') radio.onclick = renoEvent; 

http://jsfiddle.net/2wMCZ/15/

僅供參考 - 直接放置一個<form>一個<tr>裏面是無效的HTML。