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'/>
....
function testClickBigCheckBox(){
var big= document.getElementById('bigclassauthorize');
var small1= document.getElementById('smallclassauthorize1');
var small2= document.getElementById('smallclassauthorize2');
if(big.checked== true){
small1.checked= true;
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属性有哪几个属性值的内容到此结束了,希望对大家有所帮助。