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://azwzsj.com/article/dsdjehc.html