EasyUI设置复选框单选操作

Html 代码:

     <td align="left" colspan="2">
                    <input type="checkbox" name="SEX" value="0" />未知的性别
                    <input type="checkbox" name="SEX" value="1" />男
                    <input type="checkbox" name="SEX" value="2" />女
                    <input type="checkbox" name="SEX" value="9" />未说明的性别
                </td>

JS代码

   //设置性别为单选
                $("input[name=‘SEX‘]:checkbox").click(function () {
                    var flag = $(this).is(‘:checked‘);
                    if (flag) {
                        $(this).siblings("input").attr("checked", false);
                    }
                });

EasyUI设置复选框单选操作

时间: 2024-10-05 21:42:53

EasyUI设置复选框单选操作的相关文章

MFC控件编程之复选框单选框分组框

MFC控件编程之复选框单选框分组框 一丶分组框 分组框 英文叫做 GroubBox 添加了分组框主要就是分组.好看.不重点介绍 二丶单选框 英文: Raido Button 单选框需要注意的事项 1.单选框必须设置分组. 在属性中设置. 设置为True 2.如果有两个单选框那么TAB 顺序必须紧邻 VS中设置单选框TAB顺序 1,首先设置分组状态 因为设置分组.所以需要指定TAB 按键顺序.也就是必须连着. 设置一个即可. 2.设置TAB顺序 快捷键Ctrl + d 只需要点击控件则会自动设置顺

[CSS]复选框单选框与文字对齐问题的研究与解决.

前言:今天碰到的这个问题, 恰好找到一个很好的博文, 在这里转载过来 学习下. 原文地址:复选框单选框与文字对齐问题的研究与解决. 目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好.12px大小的文字就是主流也是底线.然而12px的文字与单选框和复选框是不对齐的.例如下面这张雅虎中国首页在火狐浏览器下的截图: 雅虎中国首页单选框复选框与文字不对齐 这里,不是说,雅虎中

js实现复选框的操作-------Day41

不知道之前的一篇为什么一直处于审核阶段.难道有哪个词语是敏感词被河蟹了? 无论了,又一次写了这篇,也算是加深记忆吧. 首先要写的是今天在进行表格数据操作时用到的对复选框checkbox的全选和全不选,首先来编写下html语言 <table> <thead> <tr> <td><input type="checkbox" id="sall" onchange="changeAll()">&

复选框单选框与文字对齐问题解决

css代码如下: vertical-align:middle; margin-top:-2px; margin-bottom:1px; 原文链接:复选框单选框与文字对齐问题的研究与解决

JS 设置复选框的选中与取消选中

// 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; $.ajax({ type: 'post', url: 'getAuthorityByAuthorityId.action', data: {"authorit

设置复选框的只读效果,并且可通过表单提交

在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果. 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的.原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/

js自定义修改复选框单选框样式,清除复选框单选框默认样式

之前做项目的时候,也遇到过需要按照设计稿把<input type="checkbox">和<input type="radio">的默认样式进行修改,但发现,并没有可以重置效果的方法,之前用过-webkit-appearance的方法,但是这个只在webkit内核的浏览器里面生效,火狐不生效. 所以自己写了个js,用li来模拟复选框和单选框的效果,很简单,7行就行. 效果图:  涉及到的知识点:自定义属性来存储点击状态和原来的class名 h

easyui格式化复选框

前端页面用的easyui,在一个datagrid数据列表中,每行数据前有个复选框,要求进入页面后,自动勾选符合条件的行数据.相对于简单模式的datagrid,这 里需要修改如下: (1) dagagrid中增加一列: <th field="ck" checkbox="true"></th> (2) 添加datagrid属性:singleSelect:false,onLoadSuccess:formatck, 其中onloadSuccess表示

复选框相关操作

效果图: js代码: 第一步:请求数据 $.ajax({ type: 'get', async:false, url: "../../Ashx/GetMeeting.ashx?time="+new Date(), //data: { pageSize: Pagination.pageSize, pageIndex: Pagination.pageIndex }, success: function (result) { var data = JSON.parse(result);//e