Question

我的html中有多个文本框

<input type="text" name="publishername[]" class="form-control publishername">
<input type="text" name="publisherlocation[]" class="form-control publisherlocation" >
<input type="text" name="publisheremail[]" class="form-control publisheremail">

但是我怎样才能在这个文本框中使用每个函数？

Answer 1

您还没有解释一下您想要使用多个功能实现什么目标，但我会尽力帮助您。

<input type="text" name="publishername[]" class="form-control publishername">
<input type="text" name="publisherlocation[]" class="form-control publisherlocation" >
<input type="text" name="publisheremail[]" class="form-control publisheremail">

方法1。

一种是将事件的选择器组合起来，以便你拥有

$("input[name='publishername'], input[name='publisherlocation'], input[name='publisheremail']").on('click', function() {
$('#qtyPackage-custom').prop('checked', true);
});

方法2。

另一种是将绑定代码定义为实际函数，并从每个事件绑定中调用函数

$("input[name='publishername']").on('click', doStuff);

$("input[name='publisherlocation']").on('click', doStuff);

$("input[name='publisheremail']").on('click', doStuff);

function doStuff() {
    $('#qtyPackage-custom').prop('checked', true);
}

方法3。

或者您可以将两种方法结合使用以获得以下内容

$("input[name='publishername'], input[name='publisherlocation'], input[name='publisheremail']").on('click', doStuff);

function doStuff() {
    $('#qtyPackage-custom').prop('checked', true);
}

方法4。

使用.each（）

var publishername = '';             
  $('input[@name=publishername]').each(function(){
  publishername = publishername + '&publishername[]='+$(this).val();
});

var publisherlocation = ''; 
 $('input[@name=publisherlocation]').each(function(){
  publisherlocation = publisherlocation + '&publisherlocation[]='+ $(this).val();
});

var publisheremail = ''; 
 $('input[@name=publisheremail]').each(function(){
  publisheremail = publisheremail + '&publisheremail[]='+ $(this).val();
});

Contains Selector

Answer 2

我不确定你想要的是什么，但这就是你如何使用.each。

function getAll(){
$("input[type='text']").each(function () {
   console.log($(this).val());
});
}

.as-console-wrapper { max-height: 100% !important; top: 0; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" name="publishername[]" class="form-control publishername">
<input type="text" name="publisherlocation[]" class="form-control publisherlocation" >
<input type="text" name="publisheremail[]" class="form-control publisheremail">
<button onclick="getAll()"> Get Values </button>

在此示例中，我将在控制台上记录所有inputs的值。

您可以了解如何做您想做的事情

如何在多个输入上使用jquery每个函数？

2 个答案: