javascript : jquery에서 다른 라디오 버튼을 선택한 후 텍스트 상자 지우기

라디오 버튼을 동적으로 추가합니다

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++;
}

버튼을 클릭하면 더 많은 textBox를 추가하기 때문에

목표는 다른 라디오 버튼을 클릭할 때 텍스트 상자의 값을 지우는 것입니다. .val 및 .attr을 사용했지만 아무 일도 일어나지 않았습니다.