Swing中是较为常见的组件，用于触发特定动作 * Swing中提供了多种按钮，包括提交按钮，复选框，单选按钮等 * 这些按钮都是从AbstractButton类中继承而来的 * * 2:Swing...JRadioButton显示一个圆形图标，并且通常在该图标旁放置 * 一些说明性文字，而在应用程序中，一般将多个单选按钮放置在按钮组中，使这些单选按钮 * 表现出某种功能，当用户选中某个单选按钮后，...* * 2：单选按钮是Swing组件中JRadioButton类的对象，该类是JToggleButton的子类 * 而JToggleButton类又是AbstractButton类的子类，所以控制单选按钮的诸多方法都是...* 如果希望将所有的单选按钮放置在按钮组中，需要实例化一个JRadioButton对象 * 并且用该对象调用add()方法添加单选按钮 * @author biexiansheng * */ public...container.add(jp);//将面板添加到容器中 //设置容器的特性 setTitle("单选按钮的简单练习");//容器的标题
JQuery对象和JS对象区别与转换 1. JQuery对象在操作时，更加方便。 2. JQuery对象和js对象方法不通用的. 3....类选择器 * 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4....选中选择器 * 语法： :checked 获得单选/复选框选中的元素 4....选中选择器 * 语法： :selected 获得下拉框选中的元素 5. DOM操作 1....class="one"，则将属性值one删除掉。
通常情况下，单选按钮（JRadioButton）显示一个圆形图标，并且在该图标旁设置一些说明文字，一般将多个单选按钮放置在按钮组中，当用户选中某个单选按钮后，按钮组中其他按钮将被自动取消。...Swing组件中单选按钮是JRadioButton类，该类是JToggleButton的子类。JRadioButton类的构造方法如表12.7所示。...JRadioButton类的构造方法 构造方法 功能描述 public JRadioButton() 创建一个未选择内容的单选按钮，其文本未设定 public JRadioButton(Icon icon...例12-7运行结果 图12.9中，运行程序先创建JFrame窗体，然后创建3个单选按钮，创建按钮组，将单选按钮添加至按钮组，在按钮组中只能有一个按钮处于“开启”状态，然后把单选按钮添加到Panel容器，...最后把Panel容器添加到JFrame窗体。
jQuery 的核心语法 $(); 2、JQuery基本语法 2.1、JS对象和JQuery对象转换 jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery...").appendTo($("#city")); }); //按钮三：将加油添加到城市列表最上方 $("#btn3").click(function(){ //...btn4").click(function(){ $("#div").removeClass("cls1"); }); // 5.toggleClass(value) 如果没有样式类名...,"hello..."); }); // 2.prop(name,[value]) 获得/设置属性的值(checked，selected) //按钮三：选中女...$("#btn3").click(function(){ $("#gender2").prop("checked",true); }); //按钮四：选中本科
事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert("abc"); }...类选择器 * 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器： * 语法： $("选择器1,选择器2....")...选中选择器 * 语法： :checked 获得单选/复选框选中的元素 4. 选中选择器 * 语法： :selected 获得下拉框选中的元素 5. DOM操作 1....如果操作的是元素的固有属性，则建议使用prop 2. 如果操作的是元素自定义的属性，则建议使用attr 2....class="one"，则将属性值one删除掉。
匹配所有选中的单选/多选/下拉选 $(“input:checked”) 匹配所有选中的单选和多选 $(":selected") 匹配所有选中的下拉选 ###修改页面元素相关 创建及添加元素 创建:...//给第一层的所有li添加点击事件 $("body>ul>li").click(function(){ //在事件方法中this代表触发该事件的元素对象 //this是js对象如果需要使用...,点击的时候删除按钮对应的这一行....; tr.append(deltd); //把tr添加到table里面 $("table").append(tr); }) //把创建出来的td添加到tr里面把tr添加到....attr("checked")){ // 当前选中时需要设置不选中 $("input:first").attr("checked",false); }else{ //如果当前没有选中
jq.get(索引) # jq 可以看成是 js 的数组对象 3. jq选择器 ① 基本选择器 * $("#id") id选择器 * $(".class") 类选择器.../复选框选中的元素 * :selected 获得下拉框选中的元素 4....3.0 版本之后提供的方式】 * for(元素对象 of 容器对象) 8....事件绑定 ① jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...② on绑定事件/off解除绑定 * jq对象.on("事件名称",回调函数) * jq对象.off("事件名称") - 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
alert("abc"); }); （2）入口函数 $(function () { //给b1按钮添加单击事件 //1.获取b1按钮 $("#b1").click(function...语法：$("#id的属性值")获得与指定id属性值匹配的元素 类选择器。语法：$(".class的属性值")获得与指定的class属性值匹配的元素 并集选择器。...语法：:checked 获得单选/复选框选中的元素 选中选择器。...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr (2) 对class属性操作 addClass()：添加class属性值。...例如：toggleClass("one"):判断如果元素对象上存在class="one"，则将属性值one删除掉。如果元素对象不存在class="one"，则添加。
) 创建一个单选按钮，设定图片，并设定是否选中 3 public JRadioButton(String text) 创建一个单选按钮，制定按钮文本，默认不选中 4 public JRadioButton...6 public void setSelected(boolean b) 设置按钮是否被选中，从类 javax.swing.AbstractButton 继承 7 public boolean isSelected...() 返回该按钮是否被选中，如果选定了按钮，则返回 true，否则返回 false。...现在只能选中一个按钮，如果选中下一个按钮，上一个选中的按钮就会变成未选中。...ButtonGroup group=new ButtonGroup(); //把单选按钮添加到按钮组中，这样只能选组中的一个按钮，真正实现单选 group.add(jradio1);
组件组合成一组， 一组 Checkbox 组件将只有一个可以 被选中 ， 即全部变成单选框组件 Choice 下拉选择框 Frame 窗口 ， 在 GUI 程序里通过该类创建窗口 Label 标签类，...用于放置提示性文本 List JU表框组件，可以添加多项条目 Panel 不能单独存在基本容器类，必须放到其他容器中 Scrollbar 滑动条组件。...，初始处于被选中状态,并添加到cbg组中 Checkbox male = new Checkbox("男", cbg, true); //定义一个单选框，初始处于未被选中状态,并添加到...//把bottom添加到Frame的底部 frame.add(bottom,BorderLayout.SOUTH); //创建一个Panel容器，装载下拉选择框，单选框和复选框...，是 一个容器类，属于特殊组件 。
两者相互转换 jq – > js : jq对象[索引] 或者 jq对象.get(索引) js – > jq : $(js对象) 选择器：筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 //1.获取b1按钮...语法： :checked 获得单选/复选框选中的元素 选中选择器 语法： :selected 获得下拉框选中的元素 DOM操作 内容操作 html(): 获取/设置元素的标签体内容 内容 --> 内容...属性值 toggleClass():切换class属性 toggleClass(“one”): 判断如果元素对象上存在class=“one”，则将属性值one删除掉。...如果元素对象上不存在class=“one”，则添加 css(): CRUD操作: append():父元素将子元素追加到末尾 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾.../js/jquery-3.3.1.min.js"> //分析：需要保证下边的选中状态和第一个复选框的选中状态一致即可 function
如果我现在要修改为红色，该怎么写？ 好，那么我们接着试一下用类选择器该怎么实现：同样的，我们还是需要先找到div，只不过这次不是根据id找，而是根据class类来找。该怎么写？...： 我们先来看一下怎么获取被选中的单选按钮的值怎么获取。...我们先给按钮添加一个点击事件，点击按钮获取被选中的单选框的value属性值。.../* 表单选择器 */ //给提交按钮添加点击事件 $("#ok").click(function(){ //获取表单中被选中的单选按钮的值 :radio表示单选按钮 :checked表示被选 //中的...我们以后统一用：confole.info(sex);然后在页面按F12选中控制台 看输出结果 多选按钮： 多选按钮和单选按钮呢 基本上是一样的，来我们对比着上面的写一下试试。
+ Home: 如果不支持光标键循环，则将焦点移动到当前menu或menubar 的第一个子项。 + End: 如果不支持光标键循环，则将焦点移动到当前menu 或menubar 的最后一个子项。...单选按钮组 单选按钮组，是一个可选中按钮的组合，被称为单选按钮，且在该组合中，只有一个按钮处于选中状态。...示例 单选按钮组示例使用动态tabindex 单选按钮组示例使用aria-activedescendant管理焦点 键盘交互 在单选按钮组获取焦点时: 如果有一个单选按钮被选中，那么焦点设置在这个按钮上...如果没有被选中的单选按钮，那么将焦点设置在第一个单选按钮上。 Space: 如果该按钮还没有被选中，则选中当前聚焦的单选按钮。...在某些浏览器中，如果没有选中任何一个单选按钮，使用 Shift+ Tab 将焦点移动到单选按钮组，焦点将会被放置在最后一个单选按钮，而不是第一个单选按钮。
判断某个单选框是否被选中使用的是isChecked()方法，当该单选框被选中的时候返回true，否则返回false。...下面我们通过一个实际的案例来介绍单选框的具体使用，选择性别并通过按钮提交之后，在后台可以获取到选中的内容，并返回前端界面消息框显示选中内容。...：设置一个参数接收选中内容，之后判断每一个单选框是否被选中，如果选中则将内容赋值给参数。...：设置一个参数接收选中内容，之后判断每一个复选框是否被选中，如果选中则将内容给增加给参数，最后所有的复选框都判断完之后，参数中就存放了所有的选中项的文本。...使用该方法设置参数的优点就是省去了数组元素需要添加到ArrayAdapter容器中繁琐，并且方便之后在xml文件中添加选择项。
组件组合成一组， 一组 Checkbox 组件将只有一个可以 被选中 ， 即全部变成单选框组件 Choice 下拉选择框 Frame 窗口 ， 在 GUI 程序里通过该类创建窗口 Label 标签类，...单选按钮组的实现（结合使用CheckboxGroup类） 单选按钮是一种输入信息的组件，拥有“状态”的特性，通过鼠标单击单选按钮的操作可以将其状态从“true” 更改为“false”，或从“false”...作为同一组的多个单选按钮组件是互斥的，即每一时刻只能有一个组件的状态为“true”，从而实现单项选择。 在AWT中，单选按钮对象的创建也是通过 Checkbox类实例化的。...，初始处于被选中状态,并添加到cbg组中 Checkbox male = new Checkbox("man", cbg, true); //定义一个单选框，初始处于未被选中状态,并添加到...//把bottom添加到Frame的底部 frame.add(bottom,BorderLayout.SOUTH); //创建一个Panel容器，装载下拉选择框，单选框和复选框
input") (:text) 匹配所有的文本框 查找所有文本框: (":text") (:password) 匹配所有密码框 查找所有密码框: (":password") $(:radio） 匹配所有单选按钮...查找所有单选按钮 (:checkbox) 匹配所有复选框 查找所有复选框: (":checkbox") (:submit) 匹配所有提交按钮 查找所有提交按钮: (":submit") (:image...（复选框、单项按钮、select 中的option） $(" #userform :checked" )匹配“性别”中的“男”选项和“爱好”中的“编程”选项 :selected 匹配所有选中的option...元素,单一的下拉框 $(" #userform :selected" ) 匹配“家乡”中的“北京”选项 2.6 属性操作 jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作...#%&*])+ 总结： 1.选择器重点讲了好几个，今天是表单选择器； 2.掌握如何针对某个选择器进行操作，规律:三个字总结:找 事 匿 3.jQuery链式操作 2.6 作业 使用jQuery+正则表达式
点击：API文档下载 Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。...Jquery 的初体验 需求：使用Jquery和javascript给一个按钮绑定单击事件 注意：使用Jquery之前要将第三方jar包导入 选中 // $("#single").val(["sin3"]);// 操作单选的下拉列表，一个被选中...this.checked; }); // 需要检查一下，是否全部的球类复选框都选中了 // 如果都选中了，设置【全选/全不选 】也选中...这个this对象是当前正在响应事件的dom对象 // 需要检查一下，是否全部的球类复选框都选中了 // 如果都选中了，设置【全选/全不选 】也选中，反之亦然
当用户点击提交按钮时，程序会检查哪些复选框被选中，并以弹框的方式显示用户选择的选项。 六、单选按钮(JRadioButton) Swing 中通过类 JRadioButton 实例化单选按钮对象。...如果要将多个单选按钮组合成具有互斥关系的单选按钮组，则需要调用 ButtonGroup 对象的成员方法 add()， 添加这些单选按钮对象到同一个 ButtonGroup 对象中。...JRadioButton的构造方法 JRadioButton类的构造方法有以下几种： JRadioButton()：创建一个默认未选中的单选按钮。...JRadioButton(Icon icon)：创建一个指定图标的未选中的单选按钮。...以下是JRadioButton常用的成员方法： isSelected()：检查单选按钮是否被选中。 setSelected(boolean selected)：设置单选按钮的选中状态。
复选框 包含CSS样式的单选、复选按钮用起来并不方便，Bootstrap提供了一个重新设计的方案：它将一组复选框或单选按钮组合成一组Bootstrap按钮，这些按钮被放在一起。...它们现在看起来是一组Bootstrap按钮。因为它们是复选框，所以我可以选中选项1和选项3。...您可以通过混合Bootstrap的按钮类来创建按钮组中的多色按钮，比如btn-primary、 btn-info等。 单选按钮 您还可以创建一组单选按钮，其中只有一个按钮是可选的。...如果您在浏览器中检查前面的模式对话框代码片段，则将一无所获;模式对话框是隐藏的。...如果您想要使用该特性并加载modal内的链接，则将remote属性设置为true。
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
