`

jquery radio 动态控制选中失效问题的解决方法

 
阅读更多
性别选择 男女 通常是使用radio 在修改客户资料时 需要根据信息对radio进行选中。
最初的代码做法是
console.log($(':radio[value='+data[2]+']').attr('checked'));

但测试后有问题 在分别选中男女以后 就会失效。
后来搜了资料 原来是jQuery的版本问题 不同版本中对attr做的了修改
引用
**如果你的jQuery库的版本是1.6以下的,使用attr方法
如果你的jquery库的版本是1.6(含1.6)以上的,使用prop方法**
$(':radio[value='+data[2]+']').prop('checked',true);


这样就完全解决了 测试也完全正常。

https://www.jb51.net/article/135619.htm
分享到:
评论

相关推荐

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`<input type="radio">`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    JQuery控制radio选中和不选中方法总结

    总结,jQuery提供了丰富的API来控制radio按钮的选中和不选中状态。无论是在页面加载时初始化状态,还是在用户交互过程中改变状态,都可以通过这些方法灵活地进行操作。了解并熟练掌握这些方法,将有助于提升你的前端...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...

    JQuery控制Radio选中方法分析

    本文将详细介绍如何使用jQuery来控制Radio按钮的选中状态,包括表单操作和鼠标事件响应的方法。 首先,HTML中的Radio控件要实现单选功能,需要为每个单选按钮赋予相同的name属性值。例如: ```html <input type="...

    jquery动态添加元素事件失效问题解决方法

    今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但... 但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素: 代码如下: $(“.y”).on(‘click’,’.x’,function);

    layui中使用jquery控制radio选中事件的示例代码

    本篇文章将详细讲解如何在Layui中结合jQuery来控制Radio单选框的选中事件。 首先,Radio按钮在HTML中用于提供一组互斥的选择项,用户只能选择其中一个。在Layui中,我们可以利用其内置的表单模块(form)来处理...

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    在处理用户交互时,尤其是表单元素如单选按钮(radio buttons)时,jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。 首先,我们来看如何获取单选按钮的选中...

    解决jquery实现的radio重新选中的问题

    <input type="radio" name="test"/> <input type="radio" name="test" id = "input2"/>...解决方法:  使用原生js 代码实现。  var inputList = document.getElementByName("test");  for(v

    JQuery判断radio(单选框)是否选中和获取选中值方法总结

    主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...

    jquery动态控制表格的行

    在本主题中,我们将深入探讨如何使用jQuery动态控制表格的行,包括增加行、选中行和删除行。这在构建数据驱动的Web应用时尤其重要,因为用户通常需要与表格进行交互,例如查看、编辑或删除数据。 首先,让我们讨论...

    JQuery 自定义 radio与checkbox

    例如,我们可以创建一个CSS类来定义自定义的radio和checkbox样式,然后在用户交互时动态应用这些类。同时,使用`.attr()`方法可以改变元素的属性,如checked状态。 接下来,我们要实现自定义的交互效果。jQuery提供...

    JQuery操作checkbox、radio等示例

    3. **改变状态**:要改变checkbox或radio的选中状态,可以使用`.prop()`方法。例如,`$("#myCheckbox").prop("checked", true)`会勾选该checkbox,`$("#myRadio").prop("checked", false)`则会取消选中。 4. **触发...

    Jquery获取radio选中值实例总结

    在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    本篇文章将详细讲解如何使用 jQuery 来改变 radio 和 checkbox 的选中状态,以及如何获取选中的值。我们将通过示例代码来深入理解这些功能。 首先,我们关注的是如何改变 radio 或 checkbox 的选中状态。在 HTML 中...

    Jquery选中或取消radio示例

    总结来说,使用JQuery选中或取消radio按钮的选中状态主要依赖于jQuery选择器和属性操作方法。开发者可以通过组合使用这些方法,精确控制页面上的单选按钮行为。在实际开发中,还需要注意选择器的准确性以及操作的...

Global site tag (gtag.js) - Google Analytics