时间:2021-05-26
单选按钮以及复选按钮在开发过程中会经常用到,下面我就来通过JQuery操作单选按钮和复选按钮:
单选按钮:
通过JQuery获取单选按钮对象我们总共有三种途径:
①ID:$("#radioId")
②NAME:$(":input[name='radioName']")
③TYPE:$("input[type=radio]"),可能在有的资料上面写的是:$(""input[@type=radio]""),这个的话跟你的JQuery版本有关系,如果是老版本的话就用后者,新版本就用前者,如果不知道自己的版本到底适合用哪一个的话就挨个试,反正一次尝试就能搞定,而且还能学到知识,何乐而不为呢!
我们都知道,在一组单选按钮当中只能使一个生效,要实现这种效果,很多人可能会认为把ID改为相同的就可,其实,你去尝试一下就会知道,在一组单选按钮中仍然可以选用多个。因为,实现此效果的关键属性不是ID,而是NAME。
介绍完了之后,我们投入到只用当中吧:
我们获取完单选按钮的对象之后,就得对此对象进行遍历,因为,此对象的类型是一个数组,我们要挨个对其进行判断是否被选中,然后再从选中的按钮中取出所需要的值,示例代码如下:
复制代码 代码如下:
var itemradio = $("input[type=radio]");
result="";
nums = itemradio.length;
for(i=0;i<nums;i++) {
if(itemradio[i].checked){
result = itemradio[i].value+","+itemradio[i].id+";"+result;
}
}
result就是我想获取的值,前面那个value可能大家会看得懂,而后面那个ID有的人可能会犯迷糊。在此,我就进行一下扩展:在JS中所有的对象都可以直接通过“.”来获取属性的值。
复选框:
关于复选框,我们需要的只是“全选和反选”的效果,使用JQuery的话只要一句话就可以搞定,如下:
复制代码 代码如下:
var checkedObj = $('input:checkbox[name="checkbox"]:checked');
var values = "";
checkedObj.each(function() {
var value=this.value + ",";
values += value;
});
好啦,通过上面的两段代码你就可以操作复选框和单选按钮啦!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AxureRP8设计软件,有按钮元件、复选框按钮元件和单选按钮元件。这样一个场景:有四个复选框按钮,四个单选按钮,四个按钮,分别点击按钮选中对应的复选框和单选按
已经有的输入类型HTML代码示例:复制代码代码如下:文本域单选按钮复选框下拉列表密码域提交按钮可单击按钮图像按钮隐藏域重置按钮文件域在HTML5中,增加了多个新
要求:设计如下界面,包括图片按钮、复选按钮、单选按钮、普通按钮,单击按钮弹出对话框,运行效果如下:string.xml文件源代码:多种弹出对话框图片按钮单选按钮
jQuery实现按钮的点击全选/反选单选框/复选框文本框表单验证MyJSP'index.jsp'startingpage$(document).ready(fu
本文主要介绍PyQt5界面最基本使用的单选按钮、复选框、下拉框三种控件的使用方法进行介绍。1、RadioButton单选按钮/CheckBox复选框。需要知道如