jquery复选框选中事件,js单选按钮选中事件-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

jquery复选框选中事件,js单选按钮选中事件

jquery 怎么给复选框选中

有两种方法,

成都网站设计、成都网站建设的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。

①:点击事件;如:

input type="checkbox" class="ck" /

$(".ck").click();

这样就能设置复选框选中;

②:设置其checked属性;如:

input type="checkbox" class="ck" /

$(".ck").prop("checked",true);

这样就设置复选框选中

用jquery把复选框checkbox选中的值放入input框中

1、新建一个html文件,命名为test.html。

2、在test.html文件内,在p标签内,使用input标签创建一个checkbox选项和一个文本框,并且文本框设置默认值。

3、在test.html文件内,给每一个checkbox类型input元素设置name属性,统一设置为ck,主要用于下面通过该name获得input对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得input值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数。

6、在js标签中,创建getinput()函数,在函数内,通过“:checked”选择器获得被选中的checkbox对象,使用next()方法获得checkbox相邻的input文本框对象,通过val()方法获得它的值。最后,使用alert()方法输出input的值。

7、在浏览器打开test.html文件,点击按钮,查看结果。

Jquery实现复选框全选与全不选

1、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。

2、然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。

3、这里是jq来实现全选,所以引入jQuery,并且给按钮绑定一个jQuery类型的点击事件即可。

4、然后通过prop来设置input的属性即可设置全选了,prop是jq自带的一个方法。

5、因为CheckBox可以设置checked属性,所以我们把它设置为true即可。

6、最后预览,可以看到CheckBox都被checked中了,这样就达到全选了。

jquery如何实现复选框被选中,显示下面的radio,复选框未选中,隐藏radio?

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

title无标题文档/title

body

table

tr

tdinput type="checkbox" name="didian" id="k1"/地点/td

/tr

tr  

tdinput type="radio"  name="place"/北京/td

tdinput type="radio"  name="place"/上海/td

tdinput type="radio"  name="place"/天津/td

tdinput type="radio"  name="place"/重庆/td

tdinput type="radio"  name="place"/深圳/td

tdinput type="radio"  name="place"/广州/td

/tr

/table

script type="text/javascript" src=""/script

script type="text/javascript"

$(document).ready(function(){

$("tr:eq(1)").hide();

$("#k1").click(function(){

if($(this).is(':checked')){

$("tr:eq(1)").show();

}else{

$("tr:eq(1)").hide();

}

});

});

/script

/body

/html


本文题目:jquery复选框选中事件,js单选按钮选中事件
本文链接:http://kswsj.cn/article/dsdjehc.html

其他资讯