visibility toggle

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>

CSS

#box {
    width:500px;
    height:500px;
}

JavaScript

var brd = JXG.JSXGraph.initBoard('box', {axis:false, boundingbox: [-10, 10, 10, -10]});
var poi = brd.create('point', [3, 2], {name:'A', layer: 2});
var apo = brd.create('point', [-2, 1], {name: 'B', layer: 4});
var lin = brd.create('line', [poi, apo], {layer: 3});

var pvis = document.getElementById('pvis');

JXG.addEvent(pvis, 'change', function (e) {
    poi.setAttribute({visible: pvis.checked});
}, this);