Javascript PHP中的JQuery已检查
我有一个问题,我找不到它在哪里,我向你解释我有一个page.php,它集成了一个form.php,在这个page.php中,我有一个page1.php,它也集成了一个form.php,在这个表单中,只有我的函数jquery可以在pahe.php中正常工作,但不能在page1.php中正常工作,我不明白为什么 page.phpJavascript PHP中的JQuery已检查,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个问题,我找不到它在哪里,我向你解释我有一个page.php,它集成了一个form.php,在这个page.php中,我有一个page1.php,它也集成了一个form.php,在这个表单中,只有我的函数jquery可以在pahe.php中正常工作,但不能在page1.php中正常工作,我不明白为什么 page.php <div class="left" style="float: left;"> <?php include('C_User_file/Plannin
<div class="left" style="float: left;">
<?php include('C_User_file/Planning/Form/Start/FStartT1.php'); ?>
</div>
在page.php上工作正常,但在page1.php上这根本不起作用,谢谢您的帮助
小心,我的page1.php包含在page.php中。请使用以下jQuery:
$("input[type=checkbox]" ).click(function(){
$("input[type=checkbox]" ).each(function(){
$(this).attr('checked', false);
});
$(this).attr('checked', true);
});
尝试上面的jquery代码
说明:
您使用jquery选择器作为id,在page.php中包含page1.php,并且两个页面都包含FStartT1.php页面。所以你有两个相同id的复选框
这就是为什么jquery代码适用于第一个而不是第二个
请记住,HTML页面和jQuery的id必须相同。
我有一个通用的jQuery代码。通过查看您的代码,我了解了一件事。
FStartT1.php
即您的表单被导入了两次
因此,从技术上讲,加载页面时有两个表单字段。如果您有疑问,只需点击chrome上的ctr+u
,查看页面来源。你可以找到两张表格。
这意味着ID正在复制。因此jQuery无法处理它。ID必须是唯一的。
因此,以下部分不起作用
$("#cbox1" ).click(function(){
});
$("#cbox2" ).click(function(){
});
$("#cbox3" ).click(function(){
});
解决方案:
让它成为一个类而不是ID,然后像这样调用
<label>
<input type="checkbox" class="cbox1" value="1" checked="checked" name="ALL1">
ALL
</label>
<label>
<input type="checkbox" class="cbox2" value="1" name="FMS1">
FMS
</label>
<label>
<input type="checkbox" class="cbox3" value="1" name="CPT1">
CPT
</label>
替代解决方案:无线电场
你有什么理由不使用无线电波场吗
如果有人(无论出于何种原因)在浏览器设置中禁用了JavaScript,该人将能够选中并组合您的复选框
全部的
柔性制造系统
运费付至指定目的地
您两次包含同一个文件,这就是冲突的原因
$("input[type=checkbox]" ).click(function(){
$("input[type=checkbox]" ).each(function(){
$(this).attr('checked', false);
});
$(this).attr('checked', true);
});
$("#cbox1" ).click(function(){
});
$("#cbox2" ).click(function(){
});
$("#cbox3" ).click(function(){
});
<label>
<input type="checkbox" class="cbox1" value="1" checked="checked" name="ALL1">
ALL
</label>
<label>
<input type="checkbox" class="cbox2" value="1" name="FMS1">
FMS
</label>
<label>
<input type="checkbox" class="cbox3" value="1" name="CPT1">
CPT
</label>
$(".cbox1" ).click(function(){
});
$(".cbox2" ).click(function(){
});
$(.cbox3" ).click(function(){
});