javascript觸發動態生成的按鈕的事件，以刪除文本框和單選按鈕

Question

<script type="text/javascript">
var sum = 1;
var flag = 0;
function add(str) {
    var input = document.createElement('input');
    var inputtxt = document.createElement('input');
    var inputfile = document.createElement('input');
    var inputbutton = document.createElement('input');
    var br = document.createElement("br");
    $("#fooBar").show();
    if (str == 0) {
        alert("Please select option");
    }
    if (str == 1) {
        document.getElementById("ddlQuestion_Type").disabled = true;
        br.id = 'br' + sum;

        input.type = 'radio';
        input.value = '';
        input.name = 'a';
        input.className = 'Jradio';
        input.id = 'rdoption' + sum;

        inputtxt.type = 'text';
        inputtxt.value = '';
        inputtxt.name = 'txt' + sum;
        inputtxt.id = 'Txtoption' + sum;
        inputtxt.className="Jtxtbox"

        inputbutton.type = 'button';
        inputbutton.value = '';
        inputbutton.name = 'BtnDelete' + sum;
        inputbutton.id = 'BtnDelet' + sum;

        inputbutton.onclick = function () {
            alert(document.getElementById('rdoption' + sum).value);
            alert(document.getElementById('Txtoption' + sum));
        }

        flag = 1;

        var foo = document.getElementById("fooBar");

        //Append the element in page (in span).
        foo.appendChild(input);
        foo.appendChild(inputtxt);
        foo.appendChild(inputbutton);
        //foo.appendChild(inputfile);

        foo.appendChild(br);
        sum = sum + 1;
    }

}

我正在研究在線考試模塊，在其中添加問題並生成選項，並且該選項是動態的。 在期權結構就像

A）單選按鈕文本框Deletebutton（刪除選項）

B）單選按鈕文本框Deletebutton（刪除選項）

C）單選按鈕文本框Deletebutton（刪除選項）

    .

    .

    .

現在我想做的是，當用戶單擊任何刪除按鈕時，我想刪除

單選按鈕和文本框以及該刪除按鈕。

但是問題是我如何觸發特定的刪除按鈕事件，並刪除特定的文本框和單選按鈕以及刪除按鈕。

任何人都可以幫我使用JavaScript嗎？**

請僅在可能的情況下向我提供有關javascript的幫助

Answer 1

您可以為每行創建一個包裝器，然后捕獲刪除按鈕的click事件，並將其傳遞給刪除此父行的函數。 支持您在列表“ ul”中包含以下內容：

ul

li A) radiobutton textbox [button class="delete" delete]

li B) radiobutton textbox [button class="delete" delete]

li C) radiobutton textbox [button class="delete" delete]

JS（我為此示例編寫了jQuery，如果需要，您可以將其翻譯為JS本機）：

$(".delete").click(function(el){
var $el = $(el);
// any code....
$el.closest( "li" ).remove();
});

當您在DOM中放置其他li時，您最多會為每個新元素綁定click事件。