如何在Javascript代码上添加PHP

我想用javascript制作动态按钮。。 我不知道如何将php与js结合起来

这段代码，我想让数字12成为动态的13..14..15等等，但它是从php调用的

<input type="button" class="btn_12" value="Klik Button"/>


<script>
$('document').ready(function(){
    $(".btn_12").click(function(){
        $(".field12").toggle();  
    }); 
});
</script>

$（'document'）.ready（函数（）{
$（“.btn_12”）。单击（函数（）{
$（“.field12”）.toggle（）；
}); 
});

---

你知道如何在js上添加php吗？在此之前，非常感谢您使用PHP输出JavaScript，就像您可以输出HTML一样。这真的没什么不同。假设您的PHP将要输出的值存储在$number中：

<input type="button" class="btn_<?php echo $number; ?>" value="Tafsir Jalalain"/>


<script>
$('document').ready(function(){
    $(".btn_<?php echo $number; ?>").click(function(){
        $(".field<?php echo $number; ?>").toggle();  
    }); 
});
</script>

---

看起来有更好的方法来解决javascript问题。与为每个按钮提供单独的javascript函数不同，您可以为所有按钮提供一个公共类，并为每个按钮提供其应切换字段的数据属性。然后可以将处理程序附加到公共类，并检查data属性以确定在处理程序内部切换哪个字段。例如：

<?php foreach ($item as $number): ?>
  <input type='button' class='btn toggle' data-toggle='<?php echo $number; ?>' value='Tafsir Jalalain' />
<?php endforeach; ?>

<script type='text/javascript'>
$(document).ready(function() {
  $('.toggle').click(function() {
    fieldnum = $(this).attr('data-toggle');
    $('.field' + fieldnum).toggle();
  });
});
</script>


$（文档）.ready（函数（）{
$（'.toggle'）。单击（函数（）{
fieldnum=$（this.attr（'data-toggle'）；
$（'.field'+fieldnum.toggle（）；
});
});
请澄清您的问题。就目前而言，这很难理解。您可以通过ajax查询向服务器发送/接收数据。您的意思是想创建一个循环，为每个按钮输出多个按钮以及相关的JavaScript吗？首先需要进行区分。PHP在服务器上运行，而JS在客户端（浏览器）上运行。因此，一旦JS运行，就不再有PHP代码，只有生成的HTML。是的，我以前做过，但它不能t@tara-对不起，我不知道你的评论是什么意思。@tara，但这就是它的工作方式。你的服务器上安装了php吗？我只是试试。。但它不能工作。@tara-什么是“它不能工作”的意思？