jQuery判断checkbox是否选中的3种方法

jQuery判断checkbox是否选中的3种方法

本文主要介绍jQuery用来判断复选框是否被选中的三种方法。本文中的方法是用ID选择器实现的,比网上其他长文章更简洁。有需要的朋友可以参考一下。

JQuery可以大大提高html编写的效率,其中有几种复选框的选择:

1,$ (ID为$(复选框)。Prop (checked )返回布尔值类型。

2,$(这个)。is(:checked )也返回布尔值类型。

下面是一个单击复选框来修改文本框属性的示例:

!文档类型html

超文本标记语言

meta charset=utf-8

titleexp8_3/title

/头

身体

input type= text name= first id= first br

输入类型= text name= second id= second br

type= checkbox name= CB id= hide value= 1 span id= v 0 隐藏第三个文本框/spanbr

type= checkbox name= CB id= ml value= 2 span id= v1 加长第一个文本框/spanbr

输入类型=text name=third id=third

script type= text/JavaScript src= http://apps . BD img . com/libs/jquery/2 . 1 . 4/jquery . min . js /script

脚本类型=应用程序/javascript

var t1=$( # first );

var T2=$( #秒);

var T3=$( # third );

$(文档)。就绪(功能(e) {

T2.mousedown(函数(e){//被鼠标按下后的T2

var str=t1 . val();//获取t1的文本信息

T2 . val(str);//加载到t2中的文本

});

$(#hide )。点击(功能(e) {

//var flag=$(this)。为(:已选中);

var flag=$(this)。prop( checked );

T3 . toggle();//隐藏文本框的动态显示

if(标志)

$(#v0 )。html(显示第三个文本框);

其他

$(#v0 )。html(隐藏第三个文本框);

});

$(#ml )。点击(功能(e) {

var flag2=$(this)。prop( checked );

if(flag2){

t1.css(width , 300 px );

$(#v1 )。html(缩短第一个文本框);

}

否则{

t1.css(width , 169 px );

$(#v1 )。html(加长第一个文本框);

}

});

});

/脚本

/body

/html

js判断checkbox是否选中 .checked不管用

今天开发有个小问题,记个小本子。

document.getElementById(id )。检查

//正确

//如果返回值为真,则表示选中

//如果返回值为false,则表示未检查

document . getelementsbyclassname( class )。检查

//不能得到ture,false这样的返回值

有什么问题?让我用调试工具看看。

很明显,取id返回一个数组,取class返回一个对象数组(即使只有一个值)。

所以应该这样写。

document . getelementsbyclassname( a1 )[0]。检查

下面的方式是补充

网上大多数文章提供的方法都是无效的,杀死个人。通过一个小规模的预测试,本文中的方法是有效的。建议使用方法2:

方法一:

if ($(#checkbox-id)get(0)。已检查){

//做点什么

}

方法二:

if($(#checkbox-id )。是(:已选中){

//做点什么

}

方法三:

if ($(#checkbox-id )。attr( checked ){

//做点什么

}

本文到此为止。基本上没有问题。我希望你将来能支持我们。

jQuery判断checkbox是否选中的3种方法