Question

这就是我得到的：

function doClickCaps(){
  cs = ++cs % 2
  var data = $("input.letters").val();
  data.toUpperCase() 
}

但它似乎不起作用？ TY

Answer 1

function doClickCaps() {
    cs = ++cs % 2;
    $('input.letters').each(function() {
        $(this).val($(this).val().toUpperCase());
    });
}

Answer 2

您可以使用val(function)来内部遍历所有元素

function doClickCaps() {
  $('input.letters').val((_, v) => v.toUpperCase());
}

doClickCaps()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input value="test1" type="text" class="letters" />
<input type="text" value="fsdf" class="letters" />

Answer 3

你可以做这样的事情

＆＃13;

function doClickCaps(){
           
      $('input[class=letters]').each(function(){
            var data = $(this).val();
            console.log(  data.toUpperCase() );
      })
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input value="test1" type="text"  class="letters" />
<input type="text" value="fsdf" class="letters" />
<input type="button" value="TransformCase"onclick="doClickCaps()" >

＆＃13;

Answer 4

使用 jquery ，你可以做这样的事情

$(function(){
  $( "#Upper").click(function() {
    $('.texttomanu > .letters').val($('.texttomanu > .letters').val().toUpperCase());
  });
  $( "#Lower").click(function() {
    $('.texttomanu > .letters').val($('.texttomanu > .letters').val().toLowerCase());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="texttomanu">
  <input type="text" class="letters" />
  <button id="Upper">Upper case</button>
  <button id="Lower">Lower case</button>
</div>

如何将所有输入的值更改为大写或大写？在JavaScript / jQuery中

4 个答案: