-
这里是默认显示的内容
默认进来后的显示效果应该是这样的:
现在却是这样,没有被选中的:
我查看过input的属性 :checked>,为什么刷新之后,就不显示了呢?只有再点击label隐藏的内容才会显示?
我没有写js,都是css。
谢谢!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
感谢 djyuning :
没太理解你的HTML结构,在我认为,顶部的按钮和底部内容应该是平行的,你的却是垂直的。
另外,只要设置了相同的name一个,input:radio就是可以自动切换选中,你的脚本再更改选中就无意义了。
获取状态$(#selector)[0].checked,,注意这里的[0],需要把jQuery 对象转为Dom 对象读取属性!
是prop(name,bool),不要用attr!
说下解决方案,
首先,你需要为第一个input添加checked属性,让它在页面加载时就是存在选中状态的。
然后,你需要用js建立一个监听方法,该方法用于遍历所有的input状态。
接下来,你需要为input绑定change事件,值变化时再遍历一遍状态。
最后,如果你希望点击后,再次刷新页面仍然高亮在刚才点击的位置,那么你可能需要用到cookie插件了。
原理,页面加载完成,初始化遍历一遍,表单选中,再遍历一遍。