如果文本框的值与master匹配,则替换为yes,否则替换为no

Replace value of text box if value matches with master then to yes else to no

本文关键字:替换 yes no 匹配 文本 master 如果      更新时间:2023-09-26

如果输入的值相同,但我有一个条件,如果两者的值匹配,我想将特定类"User"文本框与master进行比较,然后如果Dis匹配,则将该文本框值设为yes,然后将该文本盒值设为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');

试试这个例子:

$(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">

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');
    }
})

演示

$("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');          
    });

首先将输入包装在父元素中,这样您就知道您正在与正确的主元素进行比较,比如:

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');
        }
    });
});

它应该做你想要的