如何动态创建单选按钮? [英] How to create radio buttons dynamically?

问题描述

我在动态创建单选按钮时遇到问题，我有一个文本框和一个按钮，我要求用户在文本字段中输入一个值，然后检索文本框值并在以下情况下使用它创建一个单选按钮他按了一个按钮，我在javaScript中尝试了此代码，但单击指定的按钮后并没有创建单选按钮:

i have a problem in creating radio buttons dynamically, i have a text box and a button, i asked the user to input a value in the text field then i retrieve the text box value and use it to create a radio button when he press a button, i tried this code in javaScript but it doesn't create a radio button on clicking the specified button:

<script type="text/javascript" >
    function createRadioElement(value, checked) {
        var radioHtml = '<input type="radio" value="' + value + '"';
        if ( checked ) {
            radioHtml += ' checked="checked"';
        }
        radioHtml += '/>';

        var radioFragment = document.createElement('div');
        radioFragment.innerHTML = radioHtml;

        return radioFragment.firstChild;
    }

    $( '#admin' ).live( 'pageinit',function(event){

        $( "#AddButton" ).bind( "click", function(event, ui) {

            var x=document.getElementById('option').value

            createRadioElement(x, checked);
        });
    });
</script> 

`

推荐答案

尝试以下操作创建无线电输入:

Try the following for the creation of a radio input:

function createRadioElement(elem, value, checked) {
    var input = document.createElement('input');
        input.type = 'radio';
        input.value = value;
        if (checked) {
            input.checked = 'checked';
        }

    elem.parentNode.insertBefore(input, elem.nextSibling);
}

JS Fiddle演示.

---

参考:

• createElement() .
>
• insertBefore()
• parentNode .

这篇关于如何动态创建单选按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！