在动态创建的单选按钮选择上显示 Div (PHP-AJAX)

Question

我在客户端创建了单选按钮，当我点击它时，它应该显示我现有的 div 即 ifPrint

请查看我正在尝试的代码：

创建单选按钮：

var optiondiv = document.getElementById('option-div');

document.getElementById('create').onclick = function () {

newopt = document.getElementById('new-option').value;
if(newopt){
    var input = document.createElement('input'),
    label = document.createElement('label');
    input.type = "radio";
    input.setAttribute("value", newopt);
    input.setAttribute("checked", true);
    input.setAttribute("name", "radio-name");
    label.appendChild(input);
    label.innerHTML += newopt+'<br>'; 
    optiondiv.appendChild(label);
    document.getElementById('new-option').value = '';

    $.post(
        "equipments1.php", 
        { 
            "newopt": newopt  
        }, 
        function(data) {
            if(data.success){
                alert('Successful Added To dB');
                document.getElementById('newopt').checked = false;

            //  if (document.getElementById('newopt').checked) {
//document.getElementById('ifPrint').style.display = 'block';
        //$(#ifPrint).show();
                //$(#ifPrint).show();
            }else{
                alert('Not Add To DB');

            }

    });

}else{
    alert('Please Enter Radio Button Value.');
    return false;
}



};

用于显示 Div ifPrint 的新函数：

$('input[type=radio][name=newopt]').change(function() {
$(#ifPrint).show();

});

可能的话请指导

Answer 1

您需要使用 click 而不是 change，而且您的代码中缺少引号，如果元素是在 dinamicaly[=11= 之后创建的，那么使用 "on" 比 "click" 函数更好]

$('body').on('click','input[type=radio][name=newopt]',function () {
    $('#ifPrint').show();
});

在动态创建的单选按钮选择上显示 Div (PHP-AJAX)

Show Div on Dynamically Created RadioButton Selection (PHP-AJAX)

javascript

php

radiobuttonlist