3つの異なるアクションで1つのフォーム/チェックボックスを使用できますか？

Question

次の3つのリンクのいずれかをクリックできるようにするために、チェックボックスをオンにする必要があるウェブページを作成しようとしています。

純粋なHTMLで行うことはできますか？

Answer 1

基本的にはdivを非表示にしておき、チェックボックスをクリックすると非表示のプロパティをfalse/trueに変更します。

この隠しdivには、3つのリンクを置くことができます。

function showDiv (box) { 
    var chbox = document.getElementByName("checkbox"); 
    var visible = "none"; 

    if(chbox.checked){ 
     visible = "block"; 
     break; 
    } 

    chbox.setAttribute("disabled", "true");// you disable the checkbox here 
    document.getElementById(box).style.display = visible; 
}