checkbox事件（checkbox 选中事件）

本文目录

• checkbox 选中事件
• 怎么触发checkbox的选中和不选中事件
• 一个checkbox，点一下触发选中事件，再点一下触发不选中事件，不同事件不同函数怎么写
• checkbox事件
• 求javascript checkbox 选中事件代码
• checkbox的单击事件没有反应，选中任意复选框，其他两个复选框就取消选中，但是为什么js没有反应
• checkbox有没有onChange事件
• checkbox 选中事件哪个

checkbox 选中事件

a370716024的答案目测一定报错，其次修正代码后会提示所有复选框值，checkbox是有选中属性的，for加if可以完美实现。

怎么触发checkbox的选中和不选中事件

如果checkbox有状态修改的事件响应，这个时候如果为checkbox赋值初始状态的时候，就会触发checkbox的事件，而往往这个不是我们希望的。
如何避免这种事情发生呢? 其实就是要区分到底是人为的触发的，还是代码触发的。
如果是人为触发的，那么这个时候焦点就会在checkbox上，如果是代码赋值触发的，一般焦点都不在checkbox上。
事件响应的函数中添加这个条件 chkbox.Focused
图象？ 熟练掌握同角三角函数关系

一个checkbox，点一下触发选中事件，再点一下触发不选中事件，不同事件不同函数怎么写

//都是单击事件，判断选中状态调用不同结果

$("#checkbox的id").click(function(){

if($(this).attr("checked")==true){

//当前为选中状态

}else{

//当前为不选中状态

}

)};

CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。

CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。大多数应用程序的"设置"对话框内均有此控件。我们看到的可以打勾的就是CheckBox。

该控件表明一个特定的状态(即选项)是选定 (on，值为true) 还是清除 (off，值为false)。在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择。进行选项组合。

checkbox事件

首先，checkbox是可以多选的，所以用alter提示选中的那个checkbox是不科学的，如果确实要这样做的话，可以使用onclick（）事件。《input type="checkbox value="checkbox1" onclick="alter(this.value)"》
如果要获取选中的checkbox，可以这样：
《input type="checkbox value="checkbox1" name="checkbox"》
《input type="checkbox value="checkbox2" name="checkbox"》
function getcheck(){
var x=document.getElementsByName("checkbox");
for (var i=0;i《x.length;i++)
{
alter(x.value +" is checked!");
}
以上回答你满意么？

求javascript checkbox 选中事件代码

首先通过getElementById或其它方式获得这些对象obj，然后判断obj.checked = true或false就可以了。

例:

《input id=’bigclassauthorize’ type=’checkbox’ onclick=’testClickBigCheckBox()’/》

《input id=’**allclassauthorize1’ type=’checkbox’/》

《input id=’**allclassauthorize2’ type=’checkbox’/》

....

function testClickBigCheckBox(){

var big = document.getElementById(’bigclassauthorize’);

var **all1 = document.getElementById(’**allclassauthorize1’);

var **all2 = document.getElementById(’**allclassauthorize2’);

if(big.checked == true){

**all1.checked = true;

**all2.checked = true;

}else{

**all1.checked = false;

**all2.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){

boxes.checked = true;

break

}

}

}

}

checkbox的单击事件没有反应，选中任意复选框，其他两个复选框就取消选中，但是为什么js没有反应

因为你这从逻辑上来说是有冲突的，比如说当checkbox1选中时，你再点击checkbox2想让它选中（checkbox1和checkbox3则取消选中），这时程序执行到第一个if判断，由于checkbox1是选中的，因此checkbox2和checkbox3就会被取消选中（即使checkbox2被点击的瞬间是选中的），那么后面的第二个和第三个if判断就无论如何也不会执行了。
其实你改用单选框不就好了吗？连一行代码都不用写。复选框顾名思义就是用来多选的，强制让它单选简直是***啊。
如果非要用复选框，那就这样：
《script type="text/javascript"》
function check_count(id,me){
var checkbox1=document.getElementById("bzy1_"+id);
var checkbox2=document.getElementById("bzy2_"+id);
var checkbox3=document.getElementById("shy_"+id);
if(me.checked){
checkbox1.checked=checkbox1==me;
checkbox2.checked=checkbox2==me;
checkbox3.checked=checkbox3==me;
}
}
《/script》
然后调用的时候要这样：
onclick="check_count(’a’,this);"

checkbox有没有onChange事件

checkbox有onchange事件，但是，一般不这样使用，因为onchange只有在焦点离开后，才判断是否发生变化
《HTML》
《HEAD》
《META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"》
《TITLE》《/TITLE》
《SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript》
《!--
function checkbox1_onchange() {
alert("1");
}
function checkbox2_onchange() {
alert("2");
}
//--》
《/SCRIPT》
《/HEAD》
《BODY》
《FORM name=MyForm》
《INPUT id=checkbox1 type=checkbox name=checkbox1 LANGUAGE=javascript onchange="return checkbox1_onchange()"》
《INPUT id=checkbox2 type=checkbox name=checkbox2 LANGUAGE=javascript onchange="return checkbox2_onchange()"》
《/FORM》
《/BODY》
《/HTML》
通常处理checkbox用两种方法：
一：
在onclick事件中处理
二：
在页面确认时，直接判断checkbox的checked属性，来确定是否选中；

checkbox 选中事件哪个

首先，checkbox是可以多选的，所以用alter提示选中的那个checkbox是不科学的，如果确实要这样做的话，可以使用onclick（）事件。《input type="checkbox value="checkbox1" onclick="alter(this.value)"》
如果要获取选中的checkbox，可以这样：
《input type="checkbox value="checkbox1" name="checkbox"》
《input type="checkbox value="checkbox2" name="checkbox"》
function getcheck(){
var x=document.getElementsByName("checkbox");
for (var i=0;i《x.length;i++)
{
alter(x.value +" is checked!");
}