资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery框选,jquery设置单选框选中

jquery单选框

!DOCTYPE html

为企业提供成都做网站、成都网站建设、网站优化、营销型网站建设、竞价托管、品牌运营等营销获客服务。创新互联公司拥有网络营销运营团队,以丰富的互联网营销经验助力企业精准获客,真正落地解决中小企业营销获客难题,做到“让获客更简单”。自创立至今,成功用技术实力解决了企业“网站建设、网络品牌塑造、网络营销”三大难题,同时降低了营销成本,提高了有效客户转化率,获得了众多企业客户的高度认可!

html lang="en"

head

meta charset="UTF-8"

meta name="viewport" content="width=device-width, initial-scale=1.0"

meta http-equiv="X-UA-Compatible" content="ie=edge"

titleDocument/title

script src=""/script

/head

body

p

label for="radio_a"A/label

input type="radio" name="edit" id="radio_a" value=""

input type="text" disabled /

/p

p

label for="radio_b"B/label

input type="radio" name="edit" id="radio_b" value=""

input type="text" disabled /

/p

script async defer

$(document).ready(function() {

$('input[type="radio"]').change(function(e) {

var self = this

$('input[type="text"]').prop('disabled', true)

$(self).next().prop('disabled', false)

$(self).next().focus()

})

})

/script

/body

/html

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

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

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

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

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

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

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

jQuery 实现多选框功能

jquery实现(多选框)全选和取消全选功能:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns="" 

head

meta http-equiv="content-type" content="text/html" charset="utf8"

title/title

/*要添加好jquery库*/

script type="text/javascript" src=\'#\'" /script

script src=\'#\'" type="text/javascript"/script

script type="text/javascript"

function checkAll() {

$("input:checkbox").attr("checked","true");

}

function uncheckAll() {

$("input:checkbox").each(function(){

this.checked=false;

})

}

/script

/head

body

input type="checkbox" id="in1" /1br /

input type="checkbox" id="in2" /2br /

input type="checkbox" id="in3" /3br /

p

input type="button" name="checkAll" value="全选" /

input type="button" name="uncheckAll" value="取消" /

/p

/body

/html

jquery 怎么给复选框选中

有两种方法,

①:点击事件;如:

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

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

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

②:设置其checked属性;如:

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

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

这样就设置复选框选中


分享文章:jquery框选,jquery设置单选框选中
网页网址:http://www.cdkjz.cn/article/dssejgd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220