如何在复选框中使用javascript函数？

复选框用于用户可能希望选择多个选项的情况，例如在表单中的“检查所有适用”问题的情况下。选中的 HTML 复选框。通过将选中的属性设置为“是”值，可以将复选框元素以预先选中的方式放置到网页上。

• 通常形状为正方形。
• 允许用户通过单击选择选项。
• 选项共享一个名称。
• 复选框允许您为每组选择多个选项
  • HTML 代码：使用包裹 JavaScript 代码的专用 HTML 标记的 HTML 文档。该标记可以放置在 HTML 的部分中、部分中或关闭标记之后，具体取决于您希望 JavaScript 何时加载。
    

html

    
        
        
        
    
    
        

            

                

                

                    

                        

                            

                                Checkbox
                            
                            

                                
                                    Are you graduated?
                                
                                
                            

                            
                            

                                
                                    Degree Name:
                                
                                
                                

                            
                            
                                Submit
                            
                        
                    
                
                

            
        
    

• JavaScript 代码：现在，在 javaScript 代码中，我们尝试提供在表单中包含学位的选项。用户需要告诉他/她是否毕业。因此，当我们单击此复选框时，会打开一个新的输入字段。所以如果有人点击或不点击，“graduatedFunction”函数要么显示隐藏部分，要么不显示。
  

javascript

    function graduatedFunction() {
        if (document.getElementById("yesgraduated")
        .checked)
        {
            document.getElementById("graduated")
            .style.display = "inline";
            document.getElementById("degreename")
            .setAttribute("required", true);
        } else {
            document.getElementById("degreename")
            .removeAttribute("required");
            document.getElementById("graduated")
            .style.display = "none";
        }
    }