单选按钮如何使用函数中确定的值预先选择值

radio button how to pre select value with the value determined in the function

本文关键字：选择 何使用 函数 单选按钮      更新时间：2023-09-26

>我有一个这样的方法：

$('.officeapprovalspan').click(function () {
        var invoicelineid = $(this).data("invoicelineid");
        var approval = $(this).data("approval");
        $(this).replaceWith('<input type="radio" name="variety" value="null" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="pleaseapprove">Please Accept</span><br >' +
                    '<input type="radio" name="variety" value="false" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="onhold">On Hold</span><br >' +
                    '<input type="radio" name="variety" value="true" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="accepted">Accepted</span>');
        $(document).on('change', '.radioapproval', radiohandler);
    });

所以，我有三个单选按钮。我想要实现的是基于变量批准的值预选相应的单选按钮。审批的值为 null、false 或 true。

有人可以告诉我你会怎么写这个，因为我正在用替换添加它

尝试使用 .html() ：

var invoicelineid = $(this).data("invoicelineid");
var approval = $(this).data("approval");
$(this).html(
    '<input type="radio" name="variety" value="null" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="pleaseapprove">Please Accept</span><br >' +
    '<input type="radio" name="variety" value="false" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="onhold">On Hold</span><br >' +
    '<input type="radio" name="variety" value="true" class="radioapproval" data-invoicelineid=' + invoicelineid + ' /><span class="accepted">Accepted</span>'
)
.find(':radio[name="variety"][value="' + approval + '"]')
.prop('checked', true);

例如，如果approval变量的值为 true则将选择最后一个单选按钮。

相关文章：