js设置一个多选框为选中妆容_JS 怎么控制 checkbox 选中

❶ 如何用js控制复选框选中，element.checked

1、定义来一个checkbox节点自
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态

❷ 如何用js实现将当前点击的单选按钮变为选中状态

代码如下：

function doGender(gender) {

if (gender == "男") {

gel("radionan").checked = true;

} else {

gel("radionv").checked = true;

}

(2)js设置一个多选框为选中妆容扩展阅读

JS基础代码：

//定义数组

var pageIds = new Array();

pageIds.push('A');

数组长度内

pageIds.length;

//shift：删除原数组第容一项，并返回删除元素的值；如果数组为空则返回undefined

var a = [1,2,3,4,5];

var b = a.shift(); //a：[2,3,4,5] b：1

//unshift：将参数添加到原数组开头，并返回数组的长度

var a = [1,2,3,4,5];

var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7

//注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。

❸ js为input 设置checkbox元素属性并设为选中状态

推荐使用兼容浏览器方式。

❹ js中如何实现多个复选框全选

CheckBox复选框实现全选全不选功能,很简单，就只需插入一小段js函数就行了。。。

<scriptlanguage="javascript">
functioncli(Obj)
{
//获取控制其它复选框的对象obj
varcollid=document.getElementByIdx_x("all")
//获取需要全选，全不选功能的所有复选框
varcoll=document.getElementsByName(Obj)
//如果obj被选中，则全选
if(collid.checked){
//循环设置所有复选框为选中状态
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj选中状态，则全不选
//循环设置所有复选框为未选中状态
for(vari=0;i<coll.length;i++)
coll[i].checked=false;
}
}
</script>

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

<inputname='多选项名称'type='checkbox'value=''id="all"onclick="cli('多选项名称');">全选
<inputname='多选项名称'type='checkbox'value=''>A
<inputname='多选项名称'type='checkbox'value=''>B
<inputname='多选项名称'type='checkbox'value=''>C
<inputname='多选项名称'type='checkbox'value=''>D
<inputname='多选项名称'type='checkbox'value=''>E
<inputname='多选项名称'type='checkbox'value=''>F

----------------------------------------------------

❺ js实现多选框选中

<HTML>
<HEAD>
	<scripttype="text/javascript"src="./jquery-1.11.1.js"></script>
	<scripttype="text/javascript">
		
		$(function(){
			varcheckbox=$("#test:checkbox");
			$("#test:checkbox").click(function(){
				varopchek=$(this);
				varlevel=parseInt(opchek.attr("level"));
				$.each(checkbox,function(){
					var_this=$(this);
					if(parseInt(_this.attr("level"))<level){
						if(opchek.prop("checked")){
							_this.prop("checked",true);//这个方法好像是1.8+的jquery才有的
							_this.attr("disabled",true);
						}else{
							varprevLevel=level-1;
							$("#test:checkbox[level='"+prevLevel+"']").attr("disabled",false);
						}
						
					}
				});
			});
		});
	</script>
</HEAD>
<BODY>
<divid="test">
	<inputtype="checkbox"id="a"level="1">查看</input>
	<inputtype="checkbox"id="b"level="2">添加</input>
	<inputtype="checkbox"id="c"level="3">修改</input>
	<inputtype="checkbox"id="d"level="4">完全控制</input>
</div>
</BODY>
</HTML>

❻ JS 怎么控制 checkbox 选中

思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：

1、HTML结构

<inputname="test"type="checkbox"value="1"/>item-1
<inputname="test"type="checkbox"value="2"/>item-2
<inputname="test"type="checkbox"value="3"/>item-3<br>
<inputname="test"type="checkbox"value="4"/>item-4
<inputname="test"type="checkbox"value="5"/>item-5<br>
<inputtype="text"id="val"><inputtype="button"value="确定"onclick="fun()">

2、javascript代码

functionfun(){
	varval=document.getElementById("val").value.split(",");
	varboxes=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
			}
		}
	}
}

3、效果演示

❼ 点中表格table的一行选中当前行的多选框，用js或者jquery怎么实现在线等，急！！

<scriptsrc="http://libs..com/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
	$("tabletr").click(function(){
		varinput=$(this).find("input[type=checkbox]");//获取checkbox
		//判断当前checkbox是否为选中状态
		if(input.attr("checked")){
			input.attr("checked",false);
		}else{
			input.attr("checked",true);
		}
		
	})	
})
</script>
<table>
<thead>
<tr>
<td>选择</td>
<td>姓名</td>
<td>日期</td>
<td>金额</td>
<td>说明</td>
</tr>
</thead>
<tbody>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-01-02</td>
<td>12.35</td>
<td>A股</td>
</tr>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-02-02</td>
<td>122.35</td>
<td>B股</td>
</tr>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-03-02</td>
<td>132.35</td>
<td>现金</td>
</tr>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-04-02</td>
<td>142.35</td>
<td>港股</td>
</tr>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-05-02</td>
<td>152.35</td>
<td>保险</td>
</tr>
<tr>
<td><inputtype="checkbox"/></td>
<td>张三</td>
<td>2009-06-02</td>
<td>162.35</td>
<td>基金</td>
</tr>
</tbody>
</table>

导航:首页 > 编程语言 > js设置一个多选框为选中妆容

js设置一个多选框为选中妆容

与js设置一个多选框为选中妆容相关的资料

友情链接