创建动态单选框时，无法将字符串传递给onClick函数

Question

加载页面时，我必须动态地渲染几个单选按钮，因为单选按钮的数量取决于JSP中接收的数据行数。

在这里，我使用innerHTML展示了它。 问题是当我使用onClick函数并传递变量时： a ＆ b ; 在doOption()函数中，假定为字符串的变量b在该onClick函数中称为整个函数定义。

---------------------------
Message from webpage
---------------------------
a : 123, b : function abc()
{
var a = 123;
var b ="abc";
document.getElementById('1').innerHTML = 
"<input type='radio' onClick='doOption("+a+","+b+")'>";
}
---------------------------
OK       
---------------------------



<html>  
<body onload=abc()>
<script>
function doOption(a,b){ 
alert("a : "+a+", b : "+b);
}
function abc(){
    var a = 123;
    var b ="abc";
    document.getElementById('1').innerHTML = 
    "<input type='radio' onClick='doOption("+a+","+b+")'>";
}
</script>
<p id='1'>
</p>
</body>
</html>

Answer 1

尝试这个。 您需要在下面使用：

<html>  
<body onload=abc()>
<script>
function doOption(c,d){ 
    alert(c+" "+d);
}
function abc(){
    var a = 123;
    var b ="abc";
    document.getElementById("ptag").innerHTML = "<input type='radio' onclick='doOption("+a+",\""+b+"\")'>";
}
</script>
<p id="ptag">
</p>
</body>
</html>