`

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
分享到：
| mybatis 源码解析
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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);

    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被选中项的值、设置单选按钮被选中等...

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

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

    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选择器和属性操作方法。开发者可以通过组合使用这些方法，精确控制页面上的单选按钮行为。在实际开发中，还需要注意选择器的准确性以及操作的...

Magicbox
Global site tag (gtag.js) - Google Analytics