Question

我不能在多个字段上使用此键盘插件。第一个工作完美，但其他工作不起作用。我需要做些什么来使它适用于所有人？

<script type="text/javascript">
$(function () {
$('#item_fee').keypad();            
});
</script>
</head>
<body>
      <tr>
      <?
        $query="SELECT * FROM item WHERE orderr_reference ='$ref' order by item_name";
        $result=mysql_query($query);
        $num=mysql_numrows($result);

        $i=0;
        while ($i < $num) {

       $item_fee = mysql_result($result,$i,"item_fee");
       ?>

      <td><input name="item_fee[]" id="item_fee" type="text" value="<?=$item_fee;?>" size="6" /></td>
      </tr>
<?  $i++; } ?>

Answer 1

ID在任何一个html页面中都是唯一的，请尝试：

<强> JS

<script type="text/javascript">
$(function () {
    $('.keypad input').keypad();            
});
</script>

使用键盘类

使其适用于另一个元素中的所有输入

<强> HTML

<body>
<table class="keypad">

还要确保更新您的html并删除重复的ID。

Answer 2

对于网页中的每个html元素，

id应该是唯一的。所以将id =“item_fee”更改为class =“item_fee”

喜欢这样<td><input name="item_fee[]" class="item_fee" type="text" value="<?=$item_fee;?>" size="6" /></td>

然后你在jquery中写道

$(function () { 
    $('.item_fee').keypad();
});

如何在1个以上的字段上显示jquery？

2 个答案: