本文展示了一段使用内联CSS定义样式的HTML代码，并通过jQuery为页面元素添加了交互功能。具体而言，该示例中定义了一个带有特定样式的`<a>`标签，并使用jQuery实现了点击时设置其内部`<input>`标签被选中状态的功能。
<style>
a{
border: 1px solid;
display: inline-block;
width: 100px;
height: 100px;
background: red;
}
</style>
<div class="commodity_level">
<dl>
<dt>级别：</dt>
<dd class="a">
<div>
<a href="javascript:void(0)">
aaaaaa
<input type="radio" name="color" >
</a>
<a href="javascript:void(0)">
aaaaaa
<input type="radio" name="color">
</a>
<a href="javascript:void(0)">
aaaaaa
<input type="radio" name="color" >
</a>
</div>
</dd>
</dl>
</div>
<script>
$(function(){
$(".commodity_level a").click(function(){
$(this).children("input").attr('checked','true')
})
})
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
