常用提交数据时用到的jq代码

最新推荐文章于 2022-11-04 14:57:24 发布

原创最新推荐文章于 2022-11-04 14:57:24 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #ViewUI

js/jq 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了使用JavaScript操作HTML页面中的Radio和Checkbox元素的方法，包括获取选中状态、实现全选/全取消等功能，并提供了获取URL参数及事件源的实用代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取radio的选中值:

//1.你指定了div下的子radio
$("#div").find("input[type='radio']:checked").attr("data-status");

//2.你指定radio的name下的选中
$("input[name='version'][type='radio']:checked").attr("data-status");

获取当前页面checkbox的选中元素:

//1.第一种方式
$("input[name='checkbox']:checked");

//2.第二种方式
$("input[name='checkbox']").filter(":checked");

全选按钮：

 //1.全选
var checkboxs=document.getElementsByName("checkbox");
for(var i=0;i<checkboxs.length;i++) {
	checkboxs[i].checked=true;
}

 //2.全取消
var checkboxs=document.getElementsByName("checkbox");
for(var i=0;i<checkboxs.length;i++) {
	checkboxs[i].checked=false;
 }

js获取url请求参数

function getQuery(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}

事件点击元素的事件源

var _eventSrc = _event.target || _event.srcElement ;  // _event.srcElement主要针对 ie7,ie8,此处的_event,是从 event 传入的
var $eventSrc = $( _eventSrc );

var _tagName = $(_eventSrc).prop( "tagName" )