首页技术input属性中的checkbox,input属性有哪几个属性值

input属性中的checkbox,input属性有哪几个属性值

编程之家2026-06-30608次浏览

大家好,关于input属性中的checkbox很多朋友都还不太明白,今天小编就来为大家分享关于input属性有哪几个属性值的知识,希望对各位有所帮助!

input属性中的checkbox,input属性有哪几个属性值

求javascript checkbox 选中事件代码

首先通过getElementById或其它方式获得这些对象obj,然后判断obj.checked= true或false就可以了。

例:

<input id='bigclassauthorize' type='checkbox' onclick='testClickBigCheckBox()'/>

<input id='smallclassauthorize1' type='checkbox'/>

<input id='smallclassauthorize2' type='checkbox'/>

....

input属性中的checkbox,input属性有哪几个属性值

function testClickBigCheckBox(){

var big= document.getElementById('bigclassauthorize');

var small1= document.getElementById('smallclassauthorize1');

var small2= document.getElementById('smallclassauthorize2');

if(big.checked== true){

small1.checked= true;

input属性中的checkbox,input属性有哪几个属性值

small2.checked= true;

}else{

small1.checked= false;

small2.checked= false;

}

}

代码可以精简或者封装,这里只是简单的描述一下基本做法,以上是大项被选中的事件处理,小项的原理差不多。

扩展资料:思路:获取checkbox对象,根据value属性设置checkbox的checked属性(true为选中,false为取消选中)。下面实例演示——根据文本框的制定值设置复选框的选中项:

1、HTML结构

<input name="test" type="checkbox" value="1"/>item-1

<input name="test" type="checkbox" value="2"/>item-2

<input name="test" type="checkbox" value="3"/>item-3<br>

<input name="test" type="checkbox" value="4"/>item-4

<input name="test" type="checkbox" value="5"/>item-5<br>

<input type="text" id="val"><input type="button" value="确定" onclick="fun()">

2、javascript代码

function fun(){

var val= document.getElementById("val").value.split(",");

var boxes= document.getElementsByName("test");

for(i=0;i<boxes.length;i++){

for(j=0;j<val.length;j++){

if(boxes[i].value== val[j]){

boxes[i].checked= true;

break

}

}

}

}

input标签的六大属性分别是什么

属性值

描述

button定义可点击按钮(多数情况下,用于通过 JavaScript启动脚本)。

checkbox定义复选框。

file定义输入字段和"浏览"按钮,供文件上传。

hidden定义隐藏的输入字段。

image定义图像形式的提交按钮。

password定义密码字段。该字段中的字符被掩码。

radio定义单选按钮。

reset定义重置按钮。重置按钮会清除表单中的所有数据。

submit定义提交按钮。提交按钮会把表单数据发送到服务器。

text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20个字符。

input标签checked= false是什么意思

首先JS中的checked是<input type="checkbox">和<input type="radio">的一种属性,表示该项是不是被选择了。

它是有两种定义方式的分别是:

一、在input标签中定义:

1.<input type="checkbox" checked=true>表示该项被选择。

2.<input type="checkbox">表示该项不被选择。

注意:如果是不被选择就不用写checked属性了。如果你写了,不管checked的值是什么,都是被选择。原因:html是一种宽松的标记语言,会忽略你的checked=false中的false,所以结果还是被选中。

二、在加载的javascript中设置:

1.objs[i].checked=true的意思就是该input元素的checked的值是true,就是该input被选中。

2.objs[i].checked=false的意思就是该input元素的checked的值是false,就是该input不被选中。

你那个既然把所有的input元素都遍历了一遍,然后又都给了true值,也就是全选了。

OK,关于input属性中的checkbox和input属性有哪几个属性值的内容到此结束了,希望对大家有所帮助。

split函数,python中split的用法htmlradio性别 html选择男女的代码