Javascript:使用 1 个函数但不同的值从多个字段设置值

Question

请帮忙，我的问题是，当我通过调用 1 个函数从多个文本字段设置一个值时，它会复制该值。我如何使它们彼此不同。请原谅我的英语。

这是我的代码

//code generate
function guid() {
    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
    s4() + '-' + s4() + s4() + s4();
}

function s4() {
    return Math.floor((1 + Math.random()) * 0x1000)
   .toString(16)
   .substring(1);
}
var uuid = guid();

$('input:radio[name="judge_option"]').change(function (){
   var j_radio = $(this).val();
   if(j_radio == 'backdoor_access'){
        $('.backdoor_link').val(uuid); //<---- when i fire the trigger 
   }
});

输出结果是这样的

<input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"> 
<input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"> 
<input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007">
<input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007">

我如何让它看起来像这个，我设置的值应该在 1 次点击中彼此不同。

<input type="text" class="backdoor_link" value="143e37-cb3-b83-4ef-aca186f3d"> 
<input type="text" class="backdoor_link" value="f3e198-b1c-918-28c-00e29debb"> 
<input type="text" class="backdoor_link" value="bda03e-4e0-da7-f82-36592439c">
<input type="text" class="backdoor_link" value="e73b85-3f0-220-9ec-acffa6ba8">

Answer 1

您只调用一次 guid()，然后将它分配给所有 .backdoor_link 元素。将函数传递给 val()以便为每个 .backdoor_link 调用它:

$('.backdoor_link').val(guid);

Here's a fiddle