Disable Grid checkbox

I have a 2 column grid question, column based direction. I have used the following code to hide and disable, but it seems that it still will read it as selected if you click in the area where it is hidden. Is there something I'm missing or a way to correctly disable it so it can't be clicked?

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $("#Q10_r20_c2_graphical").parent("td").removeClass("clickable");
		
document.getElementById("Q10_r20_c2_graphical").visibility = 'hidden'; 
document.getElementById("Q10_r20_c2_graphical").disabled = 'true'; 
document.getElementById("Q10_r20_c2_graphical").className = 'HideElement';
});
</script>