checkbox選中\取消
1設置第一個checkbox 為選中值
$('input:checkbox:first').attr("checked",'checked');
或者
$('input:checkbox').eq(0).attr("checked",'true');
2、設置最后一個checkbox為選中值
$('input:checkbox:last').attr('checked', 'checked');
或者
$('input:checkbox:last').attr('checked', 'true');
3、根據(jù)索引值設置任意一個checkbox為選中值
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:checkbox').slice(1,2).attr('checked', 'true');
4、選中多個checkbox同時選中第1個和第2個的checkbox
$('input:checkbox').slice(0,2).attr('checked','true');
5、根據(jù)Value值設置checkbox為選中值
$("input:checkbox[value='1']").attr('checked','true');
6、設置某一個checkbox為選中值
選中checkbox:$(":checkbox").prop("checked", true);
取消選中:$(":checkbox").prop("checked", fal);
$(document).ready(function(){
varstr ="1,2,3";
$(str.split(",")).each(function (i,dom){
$(":checkbox[value='"+dom+"']").prop("checked",true);
$(":checkbox[id='"+dom+"']").prop("checked",true);
});
});
如何設置checkbox被選中
代碼如下:
var obj = document.getElementById("tt");
var value = obj.checked;
alert(value);// 若選中,則返回true,否則返回fal
obj.checked = fal;// 設置復選框為不選中狀態(tài)
拓展資料:
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
怎么獲取checkbox選中狀態(tài)方法
(1)input的checked是一個html屬性,checked的值沒有意義,只不過各個版本對HTML的屬性值寫法規(guī)定不同才有了
checked="value"這種寫法,只要有checked就表示頁面在加載的時候checkbox被選中,沒有寫就頁面加載的時候checkbox
就不被選中。
(2)同一個頁面中用js獲取checkbox是否選中:document.getElementById("checkboxId").checked
(3)jsp
中在提交時,瀏覽器會把選中的CheckBox的Value值,添加到一個String數(shù)組當中。在Servlet(jsp)中用 String[]
chk =
request.getParameterValues("CheckBox的名字");就能可到所有被選擇的CheckBox值,如果沒有選擇則數(shù)
組:chk 為null。
自己測試下就知道了
如何設置checkbox的選中狀態(tài)
1、定義一個checkbox節(jié)點 2、根據(jù)id獲取checkbox節(jié)點 var chk = document.getElementById('iptchk');//通過getElementById獲取節(jié)點3、通過checked設置為true,變checkbox為選中狀態(tài) chk.checked = true;//設置checked為選中狀態(tài)
jquery checkbox怎么選中和不選中?
<!--默認選中-->
<input type="checkbox" checked="checked" id="ck">
<script>
$(function () {
// 動態(tài)綁定默認狀態(tài)
// $("#ck").attr("checked",true)//選中
// $("#ck").attr("checked",fal)//未選中
//點擊判斷選中還是未選中
$("#ck").click(function () {
if ($(this).is(":checked")) {
alert("選中");
} el {
alert("未選中");
}
})
});
</script>