阅读量:0
在HTML中,复选框(checkbox)本身是可以多选的,如果想要实现复选框的单选功能,可以通过JavaScript来实现。以下是一个使用PHP和JavaScript实现复选框单选功能的示例代码:
<!DOCTYPE html> <html> <head> <title>Checkbox单选功能示例</title> <script> function selectOnlyOneCheckBox(checkbox) { var checkboxes = document.getElementsByName('checkbox[]'); checkboxes.forEach(function(currentCheckbox) { if (currentCheckbox !== checkbox) { currentCheckbox.checked = false; } }); } </script> </head> <body> <form action="your_php_file.php" method="post"> <label><input type="checkbox" name="checkbox[]" value="1" onchange="selectOnlyOneCheckBox(this)"> 选项1</label><br> <label><input type="checkbox" name="checkbox[]" value="2" onchange="selectOnlyOneCheckBox(this)"> 选项2</label><br> <label><input type="checkbox" name="checkbox[]" value="3" onchange="selectOnlyOneCheckBox(this)"> 选项3</label><br> <input type="submit" value="提交"> </form> </body> </html>
在上面的示例代码中,我们为每个复选框添加了onchange
事件,当复选框被选中时调用selectOnlyOneCheckBox
函数。这个函数会遍历所有的复选框,将除当前选中的复选框外的其他复选框取消选中状态。这样就实现了复选框的单选功能。
在PHP文件中,可以通过$_POST['checkbox']
获取选中的复选框的值。