在 jquery 中选择不同的单选按钮后清除文本框

Question

我正在动态添加单选按钮

 function RadioButton() {
    $.ajax({
        type: "POST",
        url: "VPATransaction.aspx/SetRadioButton",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        success: function (result) {
            var jsonData = eval(result.d);


            $.each(result.d.Table, function (index, value) {


                $('#rb').append("<ul><li><input type='radio' name='radio' id='rbs_' value=" + value.PurposeTransid + " style><span id='tf' name='TextFiled'>" + value.Purpose_trans_name + " </span></li></ul>");
                $("#rbs_").click(function () {
                    $("#tf0").val("");  
                });

            });
        }
    })
}

**TextBox is also  adding dynamically**


    
    function Textbox() {
        $("#add")
            .append($("    <div class='col-md-12'>")
                .append($(" <input type='text' name='TextField' id='TF" + Tcount + "'class='col-sm-12 col-md-12 col-xs-12' />")
    
    
                    .append($("</div>")
                       
                    )
    
                )
            );
        Tcount++;


}

因为在按钮单击时我正在添加更多文本框

目标是当我单击我使用过的其他单选按钮时清除文本框的值。val 和 .attr 但什么也没发生

Answer 1

在这里，您没有使用单击 function 而使用文本框动态 function。 所以你可以使用如下方法，

$(document).ready(RadioButton(){
        $('#btnClear').click(RadioButton(){             
            if(confirm("Want to clear?")){
            
                $('#form1 input[type="text"]').val('');
                
                $('#form1 #txtAddress').val('');

此处，当您单击单选按钮时，function 将在您单击是后自动清除文本框，出现对话框。