根據另一個復選框選中/取消選中復選框

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