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設置一個多選框為選中妝容相關的資料

友情鏈接