改变单选按钮

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事件绑定到你可能创建的任何动态创建的单选按钮上吗？

如果是这种情况，你正在寻找JQuery（）。on（） http://api.jquery.com/on/

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

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