使用jQuery动态设置单选框的选择效果

首先，需要达到的效果

这是使用jQuery实现的。要达到的效果如下：当下支撑改变时，在单选框中选择的值改变。

！doctype HTML HTML Head metachartset=' UTF-8 '/title动态设置单选按钮的选择/title！-作者：哈里森时间：2018年12月5日描述：当下大括号发生变化时，动态设置单选框的值-/头体选择ID=' sex select ' style=' width : 10%；'选项值='1 '男/选项值='2 '女/选项/选择男：输入类型=' radio '值=' 1 '名称=' sex' id=' sex radio 1 '选中/女：输入类型=' radio '值=' 2 '名称=' sexradio2'/正文脚本类型=' text/JavaScript ' src=' http : js/jquery-1 . 7 . 2 . min . js '/script script类型=' text/JavaScript' $ 'change(function(){//获取选定的下拉列表var checkedofselect=$(' # sex select ')。val()；//动态设置check if(checkedofselecte==1){ $(' # sex radio 1 ')。无线电盒的道具('选中'，真);$('#sexRadio2 ')。prop('checked '，false)；} if(CheckEdofSelect==2){ $(' # SexRadio 1 ')。prop('checked '，false)；$('#sexRadio2 ')。prop('checked '，true)；} });/script/html II。注意力

设置单选框的勾选属性时，应该使用jQuery的prop()方法，但是不能使用jQuery的attr()方法。attr()只适合设置简单的html元素。jQuery的prop()方法，第二个参数是布尔值，不能设置为字符串类型：

正确：$ ('# sexradio1 ')。prop ('checked '，true)；错误：$ ('# sexradio1 ')。prop ('checked '，' true ')；

摘要

以上是边肖介绍的用jQuery动态设置单选框的选择效果。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！