根据另一个复选框选中/取消选中复选框

Question

我查看了项目4197593如何选中取消选中基于另一个复选框的复选框，并将代码中的代码复制到我的网页。 当我打开页面时，我收到一个java错误 - 黄色三角形左下角。 只有在我添加此javascript时才会出现错误：

<script type="text/javascript">
$(document).ready(function(){    //bind event to checkbox 

  $("input[type='checkbox']").bind('click', function(){
    var $t = $(this),         
    val = $t.val(),         
    key = val.charAt(val.length-1);      
    // check if element is checked     
    if($t.val() == 'la'+key && $t.is(':checked')) {       
      $("#lists_"+key).attr('checked', true);     
    }     
    else if($t.val() == 'la'+key){       
      $("#lists_"+key).attr('checked', false);     
    }   
  }); 
}); 
</script>

我将其添加到php页面：

<?php
include('header3.html');
$Fullname = $_SESSION['membername'];

include('connectdb.php');
?>
*the above javascript is added in here*
<style type="text/css">

希望有人可以在这里帮助我，因为我对java不太好。

Answer 1

咦？ 我在你的代码中没有看到任何java ，只有HTML和javascript的混合。

此外，您应该学习javascript的基础知识，而不是复制+粘贴脚本。

例如，您所拥有的代码看起来需要jQuery javascript库...

用普通的javascript做你正在问的事情就像这样简单：

<input type="checkbox" id="original" onchange="update()"/>
<input type="checkbox" id="other"/>

<script type="text/javascript">
    function update(){
        var original = document.getElementById('original');
        var other = document.getElementById('other');
        original.checked = other.checked;
    }
</script>

警告

您应该更好地或更好地重命名函数update ，使用绑定到复选框的change事件的匿名函数 。

Answer 2

您正在使用jQuery，因此您还需要包含jQuery .js