`

js radio单选框使用总结

 
阅读更多
<script type="text/javascript">
$(document).ready(function(){
        $("input[name=sex][value=1]").attr("checked",true);
});
</script>

您的性别:
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女


name的值来判断是哪一类

选中用如下方法

$(this).attr("checked", true);
$(this).prop("checked", true);


prop也可以设置属性值

设置无效

$(this).prop("disabled", "disabled");


设置有效

$(this).removeAttr("disabled");


获取选中值

$('#wrap input[name="payMethod"]:checked ').val();


分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    javascript获得单选框的值

    ### JavaScript 获取单选框的值 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助我们处理用户输入的数据、动态更新网页内容等。在HTML表单中,单选框(`&lt;input type="radio"&gt;`)是常用的一种...

    好看的单选框样式

    在网页设计和开发中,单选框(Radio Button)是一种常见的表单元素,用于让用户在一组互斥的选项中选择一个。"好看的单选框样式"这个主题关注的是如何通过CSS(Cascading Style Sheets)来美化这些通常看起来比较...

    取消选中单选框radio的三种方式示例介绍

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;...

    layui 实现自动选择radio单选框(checked)的方法

    在这篇文章中,我们关注的是使用Layui框架来实现自动选择单选框(radio)的功能,特别是设置单选框的“checked”属性。 首先,我们要了解的是,在HTML中,单选框的“checked”属性表示该单选框默认被选中。如果我们...

    三种取消选中单选框radio的方法

    本文将详细讨论三种取消选中单选框radio的方法,这些方法包括使用jQuery来实现的两种方式,以及基于JavaScript和DOM实现的第三种方式。 首先,需要了解的是,单选框的选中状态是由其checked属性决定的,该属性为...

    微信小程序如何实现radio单选框单击打勾和取消

    在微信小程序中,实现`radio`单选框的单击打勾和取消功能,开发者需要对小程序的`radio`组件有深入的理解,并掌握相应的样式定制技巧。以下将详细阐述这一过程。 1. **使用`radio`组件** 微信小程序提供了`radio`...

    复选框变单选框

    ### 复选框变单选框的背景 在Web应用开发中,复选框和单选按钮都是用于收集用户选择的常用表单元素。复选框允许用户进行多项选择,而单选按钮则限制用户只能从一组选项中选择一个。然而,在某些场景下,如需满足...

    单选框和复选框样式

    在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的用户界面元素,用于收集用户的选择信息。这些元素的样式通常由浏览器默认提供,但往往较为单一,不能满足设计师对于美观和品牌一致性的需求。本...

    layui radio性别单选框赋值方法

    总结来说,layui radio性别单选框赋值方法涉及了前端页面设计、JavaScript编程、JSON数据处理以及AJAX技术。文章通过一个具体的示例演示了如何将这些知识点综合应用到实际开发中,确保用户能够看到最新的页面内容和...

    一组好看的单选框样式

    在网页设计和开发中,单选框(Radio Button)是一种常见的用户界面元素,用于让用户在一组互斥选项中做出单一的选择。"一组好看的单选框样式"是指通过CSS(层叠样式表)和可能的JavaScript技术,对默认的单选框进行...

    css3单选框切换特效

    我们可以使用伪类选择器如`:checked`来改变被选中状态的单选框样式。例如,我们可以通过隐藏默认的单选框,然后创建自定义的图形来替换它: ```css input[type="radio"] { display: none; } input[type="radio"] ...

    浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

    在这篇文章中,作者主要讲解了如何在Web前端开发过程中监听单选框(radio)状态的改变事件,并分别介绍了在不使用任何框架、使用jQuery框架以及使用layui框架时的实现方法。本文将详细解析这些知识点。 首先,监听...

    单选框复选框样式

    总结:通过CSS和JavaScript,我们可以自定义单选框和复选框的样式,实现加边框、加勾勾以及各种动态效果,提高用户体验。这需要对HTML、CSS和JavaScript有深入理解,并熟练掌握伪元素、选择器和响应式设计等技巧。在...

    jQuery单选框和复选框美化代码

    在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的用户交互元素,用于收集用户的多选或单选信息。然而,原生的HTML单选框和复选框样式往往较为单一,视觉效果可能不符合现代网页设计的要求。jQuery...

    自定义radio&checkbox;样式

    3. 使用JavaScript库:如jQuery UI、Bootstrap等框架提供了跨浏览器的组件,包括自定义的Radio和Checkbox样式。 总之,自定义Radio和Checkbox样式是提高网页设计美感的重要手段。通过熟练运用CSS3选择器,我们可以...

    29、jQuery单选框跟复选框美化代码

    总结,jQuery结合CSS和JavaScript可以极大地提升单选框和复选框的视觉效果,同时保持其功能性。无论是手动编写代码还是使用第三方插件,都可以根据项目需求定制适合的美化方案,从而提升网页的整体质感和用户体验。

    html中radio值的获取、赋值、注册事件示例详解

    如果你想通过JavaScript或jQuery来设置某个radio为选中状态,可以使用attr方法来设置checked属性。例如: ```javascript $("#radio2").attr("checked", "checked"); // 将id为radio2的radio设置为选中状态 ``` 这...

    JS面向对象之单选框实现

    【JS面向对象之单选框实现】在JavaScript中,面向对象编程是一种常用的设计模式,它允许我们通过类和对象来组织代码,使得代码更易于理解和维护。本篇内容主要讲解如何利用面向对象的方法来实现单选框的功能。 首先...

Global site tag (gtag.js) - Google Analytics