html多选框默认选中
时间: 2023-07-22 15:19:54 浏览: 90
要使 HTML 多选框默认选中,需要在对应的 input 元素中添加 checked 属性。例如:
```
<input type="checkbox" name="fruit" value="apple" checked> Apple
<input type="checkbox" name="fruit" value="banana"> Banana
<input type="checkbox" name="fruit" value="orange" checked> Orange
```
在上面的代码中,苹果和橙子的多选框会默认被选中,而香蕉的多选框则不会。
相关问题
jsp实现多选框默认选中
在JSP页面中,你可以使用HTML的input标签设置多选框,并且通过设置属性来实现默认选中的功能。具体实现方法如下:
```html
<input type="checkbox" name="checkbox1" value="value1" checked>选项1
<input type="checkbox" name="checkbox2" value="value2" checked>选项2
<input type="checkbox" name="checkbox3" value="value3">选项3
```
在input标签中,设置type属性为checkbox,name属性为多选框的名称,value属性为多选框的值,checked属性为默认选中,这样就可以实现默认选中的功能。
通过JSP代码生成的多选框代码如下:
```jsp
<input type="checkbox" name="checkbox1" value="value1" <%= "checked" %>>选项1
<input type="checkbox" name="checkbox2" value="value2" <%= "checked" %>>选项2
<input type="checkbox" name="checkbox3" value="value3">选项3
```
在JSP页面中使用JSP表达式<%= %>来输出HTML代码,其中<%= "checked" %>表示输出字符串"checked",这样就可以生成默认选中的多选框。
多选框阻止默认行为后选中
多选框可以通过阻止默认行为来防止选中。具体的实现方式可以使用 JavaScript 来进行。以下是一个例子:
HTML 代码:
```
<input type="checkbox" id="myCheckbox" />
```
JavaScript 代码:
```
var myCheckbox = document.getElementById("myCheckbox");
myCheckbox.addEventListener("click", function(event) {
event.preventDefault();
});
```
这段代码会阻止多选框的默认行为(即选中或取消选中)。你可以根据需要修改代码来实现你的需求。
阅读全文