重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
!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
1、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。
2、然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。
3、这里是jq来实现全选,所以引入jQuery,并且给按钮绑定一个jQuery类型的点击事件即可。
4、然后通过prop来设置input的属性即可设置全选了,prop是jq自带的一个方法。
5、因为CheckBox可以设置checked属性,所以我们把它设置为true即可。
6、最后预览,可以看到CheckBox都被checked中了,这样就达到全选了。
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
有两种方法,
①:点击事件;如:
input type="checkbox" class="ck" /
$(".ck").click();
这样就能设置复选框选中;
②:设置其checked属性;如:
input type="checkbox" class="ck" /
$(".ck").prop("checked",true);
这样就设置复选框选中