`
Franciswmf
  • 浏览: 796802 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

认识JS、javascript基础_checkbox_radio_select

 
阅读更多
引用参考:
推荐学习和使用JS的ES6版本
--JavaScript、ES5和ES6的介绍和区别
https://www.cnblogs.com/fuheng01/articles/JS.html
--ES5与ES6的对比
https://www.jianshu.com/p/1aad53b349e0
--JavaScript,ES5和ES6的区别
https://www.cnblogs.com/asand/p/7122143.html
--ES5与ES6的对比不同点
http://blog.csdn.net/changsimeng/article/details/62883952
https://www.cnblogs.com/tugenhua0707/p/6750498.html

1、js array 清空数组的3种方式
引用
http://www.cnblogs.com/snandy/archive/2011/04/04/2005156.html


2、checkbox

//校验账单选择
var isBillChoose=false;
$("input[name='billName']:checked").each(function(){
	if (true == $(this).attr("checked")) {
		isBillChoose=true;
		return false;//跳出整个循环
		//return true;//跳出当前循环
	}
});

function getPayRadioChecked(){
	var platForm=$("input[name='pay']:checked").val();
	return platForm;
}


//还款方式区域点击事件响应
		/* $("input[name='pay']").on('click',function(){
			alert('radio='+$(this).val());
			if ($(this).val()==3){
				$('.checkList').addClass('checkedit').find('input').prop('readonly',false).css('opacity',0.5);
			}else{
				$('.checkList').removeClass('checkedit').find('input').prop('readonly',true).css('opacity',1);
			}
		}); 
		
		//总金额点击事件响应
		$(document).on("click",".checkedit input",function(){
			alert("ok");
			$(this).val('').css('opacity',1);
		});*/


/**
 * 默认选中“微信支付”radio--2笔已出3种还款方式都支持
 * radio:'1'--银联在线支付; '2'--银行代扣; '3'--微信支付;
 */
function setRepaymentTypeChoose(typeValue){
    if ('1'==typeValue) {
    	$("input[type='radio'][name='pay'][value='1']").attr("checked",true);
		showUnionPayEffect();
    }else if ('2'==typeValue) {
    	$("input[type='radio'][name='pay'][value='2']").attr("checked",true);
    	showBankPayEffect();
    }else if ('3'==typeValue) {
    	$("input[type='radio'][name='pay'][value='3']").attr("checked",true);
    	showWXPayEffect();
    }
}
分享到:
评论

相关推荐

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    checkbox-radio-select样式自定义

    在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...

    LazyForm radio,checkbox,select样式自定义

    在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    radio、checkbox、select等选择标签的总结

    总的来说,`radio`、`checkbox` 和 `select` 是网页表单设计的基础,它们在数据收集和用户交互中扮演着重要角色。理解和熟练运用这些元素是成为一名合格的前端开发者所必需的技能。通过深入学习和实践,开发者可以...

    怎么获取checkbox/select/radio、选择中的text和value值

    在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...

    传智播客_张孝祥_JavaScript1_html语言基础

    `<input>`元素可配置各种类型,如文本输入(`type="text"`)、密码输入(`type="password"`)、复选框(`type="checkbox"`)和单选按钮(`type="radio"`)等。 5. HTML5新特性:HTML5引入了许多新的元素和API,如`...

    Jquery操作radio,checkbox,select表单操作实现代码

    本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`<select>`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...

    Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

    Koo.js是一个专门针对这一需求设计的JavaScript插件,它提供了标签式的表单验证功能,并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    js checkbox radio

    在JavaScript中,`checkbox`和`radio`是两种常见的表单元素,用于用户输入选择数据。它们在网页交互中扮演着重要角色。本篇将详细探讨这两种元素的使用方法、特性以及如何通过JavaScript进行操作。 一、Checkbox...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    _html_css_javascript_sql_jdbc_jsp(el_jstl)_servlet

    以及用于文本输入的`<form>`、文本框`<input type="text">`、密码框`<input type="password">`、单选按钮`<input type="radio">`、多选按钮`<input type="checkbox">`、文件域`<input type="file">`、隐藏域`...

    jquery_select

    - **控制radio、checkbox、select的选中状态**:通过`.attr("checked", true)`或`.attr("selected", true)`设置选中状态。 - **获取和设置文本框或文本区域的值**:`$("#txt").val();`和`$("#txt").val('新值');` - ...

    jQuery设置和获取select、checkbox、radio的选中值方法

    在众多表单元素中,select(下拉框)、checkbox(复选框)以及radio(单选按钮)是最常用的元素之一。jQuery作为一个功能强大的JavaScript库,其对这些表单元素的操作进行了极大的简化,提高了开发效率和用户体验。...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    对于表单元素,比如单选框(Radio)和复选框(CheckBox),可以通过属性选择器进行精确选择。 #### 3. 获取Radio的Value值 在表单中,单选框通常具有相同的名称,但不同的值。要获取被选中的单选框的值,可以使用...

    JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    在JavaScript和jQuery中,操作HTML页面上的元素是常见的任务,特别是对于交互性较强的表单元素,如`select`(下拉列表框)、`dropdownlist`(通常指下拉列表框)、`checkbox`(复选框)。本文将详细介绍如何使用JS和...

Global site tag (gtag.js) - Google Analytics