我將如何調用單選按鈕？

-1

我想在現有的單選按鈕響應中給yes/no的響應添加文本，但我不確定如何操作。這將是圍繞線39在此的jsfiddle http://jsfiddle.net/pjdicke/zudCf/2/我將如何調用單選按鈕？

<p>Yes <input type="radio" name="another" value="anotherYes" /></p> 
<p>No <input type="radio" name="another" value="anotherNo" /></p>

我需要什麼，以便展示基礎上，是/否響應文本添加？

HTML部分中的第39行是我引用的代碼來自的地方。我希望回答是/否根據答案得到2個答覆。例如：天藍色（不）=你爲什麼不認爲天空是藍色的，你不喜歡藍色的顏色？（是）=藍色對你做了什麼？但是，如果答案是=（無）藍色是一個真棒顏色

來源

2013-06-24 Richerdk

究竟是什麼意思？「在現有的單選按鈕響應中向yes/no的響應添加文本」？ –

jsFiddle中只有35行javascript，它看起來完全符合你的要求。這裏有什麼問題？ –

HTML部分中的第39行是我引用的代碼來自的地方。我希望回答是/否根據答案得到2個答覆。例如：天藍色（不）=你爲什麼不認爲天空是藍色的，你不喜歡藍色的顏色？（是）=藍色對你做了什麼？但如果答案是=（不），藍色是一種非常棒的顏色 – Richerdk

我恨FN匿名函數。雖然他們可以有一席之地，但大多隻是懶惰的編程，imho。

下面是一些代碼，應該有希望得到更清晰的讓你瞭解。

<!DOCTYPE html> 
<html> 
<head> 
<script> 
window.addEventListener('load', mInit, false); 

function mInit() 
{ 
    var radioBtns = document.querySelectorAll("input[type=radio]"); 
    var i, n = radioBtns.length; 
    for (i=0; i<n; i++) 
    { 
     var btnGroupName = radioBtns[i].getAttribute('name'); 

     if (btnGroupName == 'yesNo') 
      radioBtns[i].addEventListener('change', onRbGroup1Change, false); 

     else if (btnGroupName == 'gender') 
      radioBtns[i].addEventListener('change', onRbGroup2Change, false); 
    } 
} 
function onRbGroup1Change() 
{ 
    document.getElementById('radioResult').innerHTML = "Value of chosen radio button is: " + this.value; 
} 
function onRbGroup2Change() 
{ 
    document.getElementById('radioResult2').innerHTML = "Gender of chosen radio button is: " + this.value; 
} 

</script> 
<style> 
</style> 
</head> 
<body> 

<label>Yes<input type="radio" name="yesNo" value="afirmative"/></label> 
<label>No<input type="radio" name="yesNo" value="negative"/></label> 
<div id='radioResult'>You need to select a radio-button first!</div> 

<label>Girl<input type="radio" name="gender" value="Female"/></label> 
<label>Boy<input type="radio" name="gender" value="Male"/></label> 
<div id='radioResult2'>You need to select a radio-button first!</div> 

</body> 
</html>

來源

2013-06-24 18:31:54 enhzflep

我將如何調用單選按鈕？

回答

相關問題