Question

这是我的问题。我需要使用切换功能来动态生成差异表格。表格会逐步显示，以单选题形式回答带有anwser值的几个问题。

function myFunctionSwitch() {
switch(myVarValue) {
case "something":
text = "<div id=\"q1\">Question
<label>Answer<input class=\"reponse\" type=\"radio\" name=\"q1\" id=\"q1r1\" value=\"462\">
<span class=\"checkmark\">
</span>
</label>
<label><input class=\"reponse\" type=\"radio\"... 
<label><input class=\"reponse\" type=\"radio\"... 
<label><input class=\"reponse\" type=\"radio\"... 
</div>"
break;
 default:...
}
document.getElementById("myModalInside").innerHTML = text;

我尝试通过这种方式获取jQuery的输入值：

$(document).ready(function(){   "use strict";
var result;
var value1;

$('#q1 .reponse').on('change', function(){  
    value1 = parseInt(this.value);
    result = value1 + ...;
});

此jQuery代码在具有表单写入功能的html页面中完成了正确的工作。但是我需要我的switch功能来呈现不同的形式。这就是为什么我需要帮助。

Answer 1

如果要处理动态添加的元素上的事件，则需要通过以下方式委派事件：

$(document).on('change', '#q1 .reponse' , function() {
    value1 = parseInt(this.value);
    result = value1 + ...;
});

更多信息here。

如何通过jQuery选择使用javascript动态生成的innerHTML元素

1 个答案: