如果值與主人相匹配，則替換文本框的值，然後將其他人設置爲否

Question

下面的代碼在輸入值相同的情況下添加一個CSS類，但是我有一個條件，我想比較特定的類「用戶」文本如果兩個值的值都匹配，那麼將這個文本框的值設置爲yes，如果Dis匹配，則將該文本框的值設置爲no。

HTML：

<input class="master" value="1"> 
<input class="user" value="1">  
<input class="user" value="1">  
<input class="user" value="0"> 
<input class="user" value="0"> 

的JavaScript：

var inputs = $('input'); 

inputs.filter(function(i,el){ 
    return inputs.not(this).filter(function() { 
     return this.value === el.value; 
    }).length !== 0; 
}).addClass('red'); 

Answer 1

試試這個例子：

$(function() { 
 
    var master = $('input.master').get(0).value; // get the master value 
 
    var fn = function() { 
 
    return this.value === master ? "yes" : "no";//if current text-box matches master,then yes else no 
 
    }; 
 
    $('input.user').val(fn); // loop and replace text for each user input 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input class="master" value="1"> 
 
<input class="user" value="1"> 
 
<input class="user" value="1"> 
 
<input class="user" value="0"> 
 
<input class="user" value="0">

Answer 2

var inputs = $('input.user'); 

$.each(inputs, function() { 
    var user = $(this).val(); 
    var master = $('.master').val(); 
    console.log($(this).val()); 
    console.log($('.master').val()); 
    if (user == master) { 
     $(this).val('NO'); 

    } 
}) 

demo

Answer 3

$("input.user").change(function(){ 
    if($("input.master").val() == $(this).val()){ 
     $(this).val('Yes'); 
    } 
    else{ 
     $(this).val('No'); 
    } 
}); 

甚至這個

$("input.user").change(function(){ 
     $("input.master").val() == $(this).val()) ? $(this).val('Yes') : $(this).val('No');   
    }); 

Answer 4

第一重疊在一個父元素的輸入，讓你知道你是比較合適的主，像這樣：

HTML

<div class="wrapper"> 
    <!-- inputs here //--> 
</div> 

JAVASCRIPT

var wrappers = $('.wrapper'); 
$(wrappers).each(function(i,oWrapper){ 
    var master_value = $(oWrapper).find('input.master:eq(0)').val(); 
    var user_inputs = $(oWrapper).find('input.user'); 
    $(user_inputs).each(function(i,oInput){ 
     if($(oInput).val() === master_value){ 
      $(oInput).addClass('red') 
        .val('yes'); 
     }else{ 
      $(oInput).removeClass('red') 
        .val('no'); 
     } 
    }); 
}); 

應該做你想做的