javascript - チェックボックスに隣接するテキストをクリック可能にする

Question

チェックボックスに隣接するテキストをクリック可能にしようとしています。このコードが機能しないのはなぜですか?

<form name="f1">
<input type="checkbox" name="name[]" value="1">
<span onClick="name[0].checked=(! name[0].checked);">Add whipped cream to your drink (add $0.50)</span>
<input type="checkbox" name="name[]" value="2">
<span onClick="name[1].checked=(! name[1].checked);">Add whipped cream to your drink (add $0.50)</span>
</form>