JS和jQuery操作表单常见的错误用法

设置radio选中

  • 正确用法:

    //jquery
    $('[name="sex"][value="1"]').prop('checked', true);
    $('[name="sex"][value="1"]')[0].checked = true;
    //so, js method is:
    document.getElementById('youRadioId').checked = true;
    
  • 错误用法

    $('[name="sex"]').removeAttr('checked');
    $('[name="sex"][value="1"]').attr('checked', 'checked');
    

获取radio选中的值

  • 正确用法:

    //jquery
    var value = $('[name="sex"]:checked').val();//js method is:
    var radios = document.getElementsByName('radios');
    for (var i = 0; i < radios.length; i++) {if (radios[i].checked) value = radios[i].value;
    }
    console.log('value is : ', value);
    
  • 错误用法

    $('[name="sex"][value="1"][checked]').val();
    

获取和设置textarea文本域的值

  • 正确用法:

    //jquery
    var value = $('#textarea').val(); //获取
    $('#textarea').val('我们都是一家人'); //设置//js method is:
    var value = document.getElementById('myTextarea').value; //获取
    document.getElementById('myTextarea').value = '我们都是一家人'; //设置
    
  • 错误用法

    $('#textarea').text('我们都是一家人');
    $('#textarea').html('我们都是一家人');
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/45440.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【笔记】虚拟机中的主从数据库连接实体数据库成功后的从数据库不同步问题解决方法2

错误&#xff1a; Last_Errno: 1008 Last_Error: Coordinator stopped because there were error(s) in the worker(s). The most recent failure being: Worker 1 failed executing transaction ANONYMOUS at source log mysql-bin.000014, end_log_pos 200275. See error lo…

开放式耳机哪款好一点?开放式耳机科普五款推荐!

“选择开放式耳机真的太难了” “哥&#xff0c;怎么才能选到心仪的开放式耳机啊” 这种评论总是会出现后台或者现实的朋友也会问起来&#xff0c;所以作为耳机测评的博主&#xff0c;在这里给大家科普一下到底一款好用的开放式耳机到底怎么选&#xff0c;这篇文章我花了三天…

Centos系统内磁盘分区

Centos系统内磁盘分区 建议如果有重要数据提前做好备份 以根目录扩容50G为例&#xff1a; 1、卸载/home目录 umount /home 2、删除逻辑卷 y确认即可 lvremove /dev/mapper/centos-home 3、df -h查询一下&#xff0c;/home目录已经不见了 4、向根目录分区追加50G容量 lv…

网易云小程序资料分享

链接: https://pan.baidu.com/s/1jzP52Zq4R-nUTxN334XMJg 提取码: xhny

如何看待AI机器人取代人工拨打电话

所以整理了以下几点机器人呢拨打的流程​&#xff1a; 1. 效率提升 AI机器人能够自动拨打电话&#xff0c;并快速处理大量电话任务&#xff0c;这在很大程度上提高了效率。在销售和客户服务等领域&#xff0c;这种高效的工作方式能够极大地节省时间&#xff0c;并有可能带来业…

[XCUITest] 处理iOS权限点击授权 有哪些权限?

位置权限 (Location Permission) app.addUIInterruptionMonitor(withDescription: "Location Permission Dialog") { (alert) -> Bool in if alert.buttons["Allow While Using App"].exists { alert.buttons["Allow While Using App"].tap(…

Android --- Android 8.0之后不允许在后台启动一个服务的解决方案

从Android 8.0&#xff08;API级别26&#xff09;开始&#xff0c;Google 引入了后台服务限制&#xff0c;目的是为了改善系统资源管理和用户体验。这些限制导致在后台运行的服务可能会被系统认为是无效的&#xff0c;从而限制或者终止这些服务。针对这个问题&#xff0c;可以考…

STM32基础篇:EXTI × 事件 × EXTI标准库

EXTI EXTI简介 EXTI&#xff1a;译作外部中断/事件控制器&#xff0c;STM32的众多片上外设之一&#xff0c;能够检测外部输入信号的边沿变化并由此产生中断。 例如&#xff0c;在检测按键时&#xff0c;按键按下时会使电平产生翻转&#xff0c;因此可以使用EXTI来读取按下时…

线上线下一体开源的Hugging Face?| 这些问题不可不看……

7月&#xff0c;2024世界人工智能大会暨人工智能全球治理高级别会议&#xff08;WAIC 2024&#xff09;在上海盛大启幕&#xff0c;以“以共商促共享&#xff0c;以善治促善智”为主题进行展览&#xff0c;OpenCSG首次亮相“CSGHub和StarShip”两大产品&#xff0c;全方位展现公…

HTML5新增的input元素类型:number、range、email、color、date等

HTML5 大幅度地增加与改良了 input 元素的种类&#xff0c;可以简单地使用这些元素来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。 到目前为止&#xff0c;大部分浏览器都支持 input 元素的种类。对于不支持新增 input 元素的浏览器&#xff0c;input 元素被统一…

kotlin数据容器

人不走空 &#x1f308;个人主页&#xff1a;人不走空 &#x1f496;系列专栏&#xff1a;算法专题 ⏰诗词歌赋&#xff1a;斯是陋室&#xff0c;惟吾德馨 容器是用于存放数据的载体。容器分为数组、集合。 Kotlin作为一门全新的语言&#xff0c;肯定还是要有自己的容…

网优学习干货:xx5G速率优化现场实战版

速率概述 无线网络仍然是5G网络能力最容易受限的环节&#xff0c;无线网络技术的应用将最终决定5G网络能力的木桶深度。移动通信中传统关键技术在5G将会继续使用。5G NR在继承了LTE原有部分技术基础上&#xff0c;采用了一些技术演进和新技术创新。比如NR继承了LTE的OFDM和SC-…

ArduPilot开源飞控之AP_Mount_Topotek

ArduPilot开源飞控之AP_Mount_Topotek 1. 源由2. 框架设计3. 重要函数3.1 动态过程3.1.1 AP_Mount_Topotek::update3.1.2 AP_Mount_Backend::calculate_poi 3.2 基础能力3.2.1 AP_Mount_Topotek::healthy3.2.2 AP_Mount_Topotek::has_pan_control 3.3 设备功能3.3.1 AP_Mount_T…

深入剖析 Java 中 Spring Bean 的生命周期

在 Java 开发中&#xff0c;Spring 框架是广泛使用的企业级应用开发框架。理解 Spring Bean 的生命周期对于开发者来说至关重要&#xff0c;这也是面试中经常会被问到的重要知识点。 一、Spring Bean 的定义与创建 Spring Bean 是由 Spring 容器管理的对象。Spring 容器在创建…

Winform打印编程基础

1、目的 进行打印设置、打印预览、及实现打印功能 2、代码 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Drawing.Printing; using System.IO; using System.Linq; using System.Te…

python字节串与字符串对比

Python中的字节串&#xff08;byte strings&#xff09;是专门用于处理二进制数据的数据类型。它们与字符串&#xff08;strings&#xff09;在多个方面存在显著的区别&#xff0c;尽管它们在某些方面看起来很相似。下面将详细说明字节串的特点及其与字符串的区别。 字节串&am…

python 实验八 数据分析与展示

一、实验目的 掌握掌握matplotlib库中pyplot模块的使用。 二、实验环境 Window10&#xff08;x64&#xff09;&#xff0c;Python 3.8&#xff08;x64&#xff09;&#xff0c;PyCharm Community Edition 2020.3.2&#xff08;x64&#xff09; 三、实验内容 现有列表hight…

初学SpringMVC之过滤器解决乱码

写个 login.jsp 页面 提交的 method 一般为 post&#xff08;写 get 不安全&#xff0c;地址栏上会显示&#xff09; action 表示提交后跳转的地址 &#xff08;不直接写控制器里的路径是因为配置 Tomcat 时设置了前缀路径&#xff0c;默认走 http://localhost:8080&#xf…

市面上的护眼台灯哪个牌子最好?分享学生护眼台灯十大排名

家长们对孩子的用眼健康很重视&#xff0c;为什么&#xff1f;现在是科技电子时代&#xff0c;人们对电子屏幕的依赖性高&#xff0c;小孩子年纪小&#xff0c;眼部还处于正在发育的阶段&#xff0c;他们在学校中长时间的学习读写&#xff0c;用眼时间长。而且随着科技渗入教学…

如何选择小型超声波清洗机? 2024年值得买的四款眼镜清洗机总结

久了不擦洗的眼镜&#xff0c;往往会滋生很多细菌病毒&#xff0c;久而久之就会影响到视力和眼睛健康。而超声波清洗机作为一款高效清洁物品&#xff0c;可以帮助人们快速且深度地清洁眼镜&#xff0c;很多清洗机使用久一点清洁力就减弱了&#xff0c;所以要找一款性价比高的清…