當前位置：首頁 » 編程語言 » htmlcheckbox選中

htmlcheckbox選中

發布時間: 2021-03-24 15:28:33

❶ html中的checkbox選中後的用法

checkbox 中添加value屬性，userid放進去
遍歷被選中的checkbox,取出value屬性，
如果是選中的多個，就組合成字元串，
1,2,3,4,

❷ 求javascript checkbox 選中事件代碼

首先通過getElementById或其它方式獲得這些對象obj，然後判斷obj.checked = true或false就可以了。

例:

....

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;

}

代碼可以精簡或者封裝,這里只是簡單的描述一下基本做法，以上是大項被選中的事件處理，小項的原理差不多。

(2)htmlcheckbox選中擴展閱讀：

思路：獲取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="4" />item-4

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

}

❸ html:checkbox 多選

把name設置能一樣的

之後就可以$_REQUEST['NAME']
是個

如:(我用的是php)
<input type=checkbox name=checkbox[] id=checkbox_1 value=被取到的值1 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_2 value=被取到的值2 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_3 value=被取到的值3 checked=true />

$allready_arr=$_REQUEST[checkbox];

這個時候提交以後。被選中的checkbox的value就取到了

下面是常用的。全選和反選

function checkAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
// if (e.name != 'chkall')
e.checked = true// form.chkall.checked;
}
}

function checkOthers(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
// if (e.name != 'chkall')
if (e.checked==false)
{
e.checked = true;// form.chkall.checked;
}
else
{
e.checked = false;
}
}
}

❹ 在HTML中如何用JavaScript判斷復選框checkbox是否被選中

js判斷復選框是否選中

[html]viewplain
<!doctypehtml>
<htmllang="cn">
<head>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>復選框全選、全不選、反選、必選一個</title>
<scripttype="text/javascript">
//全選
functionselectAll(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=true;
}
}

//全不選
functionselectNone(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=false;
}
}

//反選
functionselectInvert(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false;
}else{
names[i].checked=true;
}
}
}

//必須選擇一個
functionselectOne(){
varnames=document.getElementsByName("bjjb");
varflag=false;//標記判斷是否選中一個
for(vari=0;i<names.length;i++){
if(names[i].checked){
flag=true;
break;
}
}
if(!flag){
alert("請最少選擇一項！");
returnfalse;
}
}

</script>
</head>
<body>
<formid="checkboxform"method="post"action="">
<inputtype="checkbox"name="bjjb"value="1">交通事故<br>
<inputtype="checkbox"name="bjjb"value="2">自然災害<br>
<inputtype="checkbox"name="bjjb"value="3">惡劣天氣<br>
<inputtype="checkbox"name="bjjb"value="4">嚴重違法行為<br>
<inputtype="checkbox"name="bjjb"value="5">路面損毀<br>
<ahref="javascript:void(0);"onclick="selectAll()">全選</a>
<ahref="javascript:void(0);"onclick="selectNone()">全不選</a>
<ahref="javascript:void(0);"onclick="selectInvert()">反選</a>
<ahref="javascript:void(0);"onclick="selectOne()">必須選擇一個</a>
</form>
</body>
</html>

備註：
1：以上常見判斷在實際開發中經常運用。溫故而知新是一件非常好的事情。
2：在function方法中執行判斷加return表示滿足條件，return後的內容將不再進行執行,如何沒有加return那麼createWindow()會繼續執行。如：
functionclickSupervise(){
//判斷是否選擇了警情
varjqid=$("#jqid1").val();
if(""==jqid||jqid==null||jqid==undefined){
alert("請先選擇警情信息！");
return;
}
//創建窗口
createWindow();
}

❺ 怎樣獲取html控制項checkbox是否以選中

是用jquery可以這樣判斷：
這是頁面打開就判斷是否被選中，不需要觸發，
<input type="checkbox" value="1">
$(document).ready(function(){
if($("input[type=checkbox]").is(':checked') == true){
alert('已選擇');
}
});
需要觸發判斷就這樣，例如點擊div判斷：
$(document).ready(function(){
$("div").click(function(){
if($("input[type=checkbox]").is(':checked') == true){
alert('已選擇');
}
});
});

使用js就這樣：
<input type="checkbox" id="openattr" value="1">
if(document.getElementById("openattr").checked){
alert("已選擇");
}

❻ html checkbox選中和不選中，其value都是1，哪裡錯了

無語，check1的value你不是指定為1了么，所以當然總是1了。。。

試試這個
function test()
{
if(document.form1.check1.checked)alert(document.form1.check1.value);
else alert('未選中');
}

❼ 如何在html中的checkbox判斷是否被選中

很簡單，去看代碼中的是否有
checked="checked"
這個屬性。
如果有，說明這個checkbox已經被選中，如果為空則未被選中。
舉個例子如下
<input
type="checkbox"
name="sample"
id="sample"
checked="checked">

❽ 這段html代碼如何寫幾個checkbox都選中的js代碼

<html>
<head>
<script type="text/javascript">
function check()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=true;
}

}

function uncheck()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=false;
}
}
</script>
</head>

<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="選定復選框" />
<input type="button" onclick="uncheck()" value="取消選定復選框" />
</form>
</body>

</html>

試下。

❾ html中，如何自動選擇checkbox

用JS
假設要選取的checkbox的name都為a[],A的id=aa;先在A上加這個onclick="qx('a')";
<script>
var y
function qx(ename){
var x=document.getElementsByName(ename);
if(y==1){
for (i=0;i<x.length;i++){

x[i].checked=false;

}
y=2
}else{
for (i=0;i<x.length;i++){

x[i].checked=true;

}
y=1
}
}
</script>
同理 B就是qx('b')

閱讀全文

htmlcheckbox選中

(2)htmlcheckbox選中擴展閱讀：

與htmlcheckbox選中相關的閱讀推薦