javascript - 单选按钮的onchange

Question

下面的函数是使用 javascript 和 jquery 编写的。

function createRadioOptions(result, id, name) { 
     ;
    for (i = 0; i < result.length; i++) {
        var splitValue = splitString(result[i], ":");
            $("#"+id)     
            .append(
                $('<input />', { 
                    type: 'radio', 
                    name: name+'radioOptions', 
                    id: name+'radioOptions' + (i+1),
                    value: splitValue[0],
                    title: splitValue[1]
                 } )
            )
            .append(
                splitValue[1]                            
                )
            ;

    }
}

调用上面的函数来动态创建单选按钮，当我选择单选按钮时，我必须调用下面的函数。请建议。

function showSelected(index, id,name)
{

    var radioOptions = document.getElementById(name);

    if (radioOptions == null) //make an ajax call only for the first time the user clicks on the application name hyperlink
    {
        getRadioData(index, id, name);
    }

    var app = "#app"+index;
    var pop = ".pop"+aindex;

    $(app).live('click', function() {
        if($(this).hasClass("selected")) {
            deselect(index, name);  
        } else {
            $(this).addClass("selected");
            $(pop).slideFadeToggle(function() { 
            });
        }
        return false;
    });
}

Answer 1

查看您的 HTML 会很有帮助。

但是听起来您想将 onClick 事件绑定(bind)到您可能创建的任何动态创建的单选按钮？

如果是这种情况，您正在寻找 JQuery().on() http://api.jquery.com/on/

$("#StaticParentElement").on("change",".DynamicRadioButtonElement", methodToBeFired(eventData));

这样，添加的任何新单选按钮都会自动将您所需的方法附加到其更改事件中。您可以通过传递给它的事件数据找到触发该事件的单选按钮。