单选按钮为什么是上面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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
