单选按钮为什么是上面span选中
1个回答
展开全部
给你说下思路:
给span定义一个样式,这个样式可以定义成选中的效果,当点击按钮的时候给span加上这个样式,再次点击的时候去掉这个样式
下面是代码,将jquery的路径改下下
<html>
<title>jquery1</title>
<head>
<style type="text/css">
span {width:10px;height:20px;}
.addSelect{background-color:blue}
</style>
<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$(":button").click(function() {
$("span").toggleClass("addSelect");
});
})
</script>
</head>
<body>
<span>hello</span>
<input type="button" value="选中">
</body>
</html>
给span定义一个样式,这个样式可以定义成选中的效果,当点击按钮的时候给span加上这个样式,再次点击的时候去掉这个样式
下面是代码,将jquery的路径改下下
<html>
<title>jquery1</title>
<head>
<style type="text/css">
span {width:10px;height:20px;}
.addSelect{background-color:blue}
</style>
<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$(":button").click(function() {
$("span").toggleClass("addSelect");
});
})
</script>
</head>
<body>
<span>hello</span>
<input type="button" value="选中">
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询