根据另一个复选框的选中情况来选中/取消选中复选框。

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并不太了解。

- John Blanchard

---

你是否已经加入jQuery或其他库？$不是内置函数，通常在jQuery或类似的库中定义。 - kirilloid

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事件的匿名函数。

- Christian

---

@mplungjan +1 有一个有趣的讨论，但我忘记了细节。 - Christian

可能是关于点击属性的jQuery讨论。 - mplungjan

Answer 2

你正在使用jQuery，因此需要同时包含jQuery .js文件

- Asiereiki