初学者求助：如何将指定jQuery代码正确嵌入PHP文件？

嘿，作为编程新手，嵌入jQuery到PHP文件里其实没那么复杂，我给你一步步讲清楚怎么弄：

第一步：先加载jQuery库 #

jQuery不是浏览器原生支持的JavaScript库，所以必须先引入它才能运行你的代码。你可以用CDN（内容分发网络）的链接，也可以下载jQuery文件到本地再引入。推荐用CDN，省心又快：

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

把这段代码放在<body>标签的末尾（所有HTML元素之后），这样不会阻塞页面加载，体验更好。

第二步：把你的jQuery代码放在<script>标签里 #

这里有两种稳妥的写法，核心是要确保页面的DOM元素都加载完成后再执行代码，不然可能找不到目标元素：

写法一：用$(document).ready()包裹（最推荐） #

这个方法会等页面所有元素都加载完毕后再执行你的代码，避免因为元素还没渲染导致的问题：

<?php
// 这里写你的PHP代码，比如输出包含radio按钮的表格等内容
?>

<!-- 你的HTML页面内容，比如包含目标radio和邮箱的表格 -->

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
    var emails = [ 'root@root.com', 'anna@zzz.com' ];
    $('input[type="radio"].st13').each(function() {
        var radio = $(this);
        var email = $(this).parent().prev('td').html();
        console.log($.inArray(email, emails));
        if ($.inArray(email, emails) != -1) {
            radio.prop('checked', true);
        }
    });
});
</script>
</body>

写法二：把脚本放在<body>最末尾 #

如果你的脚本已经放在所有HTML元素的后面（比如</body>标签的前一行），此时DOM已经加载完成，就可以不用ready()包裹：

<?php
// 你的PHP代码部分
?>

<!-- 页面所有HTML内容 -->

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
var emails = [ 'root@root.com', 'anna@zzz.com' ];
$('input[type="radio"].st13').each(function() {
    var radio = $(this);
    var email = $(this).parent().prev('td').html();
    console.log($.inArray(email, emails));
    if ($.inArray(email, emails) != -1) {
        radio.prop('checked', true);
    }
});
</script>
</body>

额外小技巧：动态从PHP获取邮箱列表 #

如果你的邮箱列表不是固定的，而是从PHP里动态获取的（比如从数据库查出来的），可以用json_encode()把PHP数组转成JavaScript数组，这样更灵活：

<?php
// 假设这是从PHP端获取的邮箱数组
$php_emails = ['root@root.com', 'anna@zzz.com'];
?>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
// 把PHP数组转成JS数组
var emails = <?php echo json_encode($php_emails); ?>;

// 后面的代码和之前一样
$('input[type="radio"].st13').each(function() {
    var radio = $(this);
    var email = $(this).parent().prev('td').html();
    console.log($.inArray(email, emails));
    if ($.inArray(email, emails) != -1) {
        radio.prop('checked', true);
    }
});
</script>

最后检查一下 #

• 确保你的PHP页面输出的HTML里，确实存在class="st13"的radio按钮，并且它们的父元素的前一个<td>里有正确的邮箱文本（没有多余的空格或换行，不然$.inArray可能匹配不到）。
• 打开浏览器的开发者工具（按F12），切换到Console标签，看看有没有报错，如果有报错可以根据提示排查问题。

内容的提问来源于stack exchange，提问作者Doublelift