jquery radio被选中后添加样式

$(function(){

    $(".box input").change(function(){

        $(":checked").parent().addClass("cur").siblings().removeClass("cur")

    })

})

首先添加给radio添加绑定单击事件，可以直接使用onclick=""，也可以用jquery绑定；

$(function() {

showCont()

$("input[name=price_type]").click(function() {

showCont()

})

})

function showCont(){

var normal = document.getElementById("price_type1")

var special = document.getElementById("price_type2")

if (normal.checked) {

$("#sellInfo2").hide()

$("#sellInfo1").show()

}

if (special.checked) {

$("#sellInfo1").hide()

$("#sellInfo2").show()

}

}

结果：

方法/步骤

1

打开Dreamweaver8，点击“新建”→“基本页”→“HTML”，新建一空白网页文件，并将该文件另存为“index.html”。

2

切换至代码视图，并在代码区添加如图所示的HTML代码，该段代码的作用是制作三个单选按钮，同时绘制三个交互式按钮，

3

下载相关的脚步运行库：由于采用JQuery脚本来实现网页的动态效果，因此需要在网上搜索并下载相应的JQuery运动库，下载完成后进行解压缩，将解压后的文件拷贝到网站的根目录下（与index.html文件同目录）。

4

在页面中加入对JQuery库的引用。此时只需要在Head标签内添加一组Script标签，并指定JQuery库的位置，当然也可以引用远程JQuery服务器地址。

5

添加JQuery脚本控制代码，该代码的重要功能是：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“遍历所有radio的值”时显示所有radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。

6

代码的调试：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。

---