HTMLにおいてチェックボックスやラジオボタンを読み取り専用にするには

HTMLにおいてチェックボックス(checkbox)やラジオボタン(radio)を読み取り専用(readonly)にする方法を紹介します。disable属性は使用しません。
手順

◎checkboxの場合

1. onclickイベントにてfalseを返却する。
2. name属性を一意な物に変更する。

◎radioの場合

1. 未選択項目のonclickイベントにて$(this).remvoeAttr('checked');を実行する。(要jquery)
2. name属性を一意な物に変更する。

ツイート