js 选择框小知识

js 全选和单选问题:

一 复选框:

全选框:

id="check"

单选框:

class="check"
$().click((){
        ($().attr()){
            $().attr()
        }{
            $().removeAttr()
        }
    })

checked:不选中

二  显示和不显示密码的效果

1 $("#showPassword").attr("checked")

居然提示undefied 查了资料后 才发现 需要改为

$("#showPassword").prop("checked")

2 是否被选中事件为

change事件

也可以写为:

时间: 2024-08-03 03:43:10

js 选择框小知识的相关文章

js选择颜色小游戏(随机生成不含重复数字的数组,通过数组中的数控制定义好的数组)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js网页版小游戏</title> <style media="screen"> .wrap { width: 577px; outline: 1px solid hotpink; margin: 100px auto; box-shadow: 0 0 5px; } .

Vue-multiselect详解(Vue.js选择框解决方案)

github地址:https://github.com/shentao/vue-multiselect 以下代码,可以直接建一个html文件,运行看到效果: 运行效果: <!DOCTYPE html> <html> <head> <script src="https://unpkg.com/[email protected]/dist/vue.js"></script> <script src="https:/

JS,JQuery小知识

http://blog.163.com/[email protected]/blog/static/28896414201112252456459/?suggestedreading&wumii

js的一些小知识

1.日期字符戳转时间 renderer : function(value, arg2) {                if (value != null && value != '') {                    var date = new Date();                    date.setTime(value);                    return '' + Ext.util.Format.date(date, 'Y-m-d H:i

js的一些小知识的积累

今天在写一个JavaScript的demo----选项卡时遇到了一些问题,现记录如下:(1)首先我发现在想定位到页面中的类是.时,我自然而然地想到了document.getElementsClassName('box');但是我发现编辑器的高亮并没有显示,不像是document.getElementById的高亮,然后百度了一下,发现这种用法并没有提供支持,因为IE不支持 (2)在写一个for循环的时候,并没有像我设想的那样:    for(var i=0;i<li.length;i++){  

js中,表单中的选择框学习与使用总结

选择框脚本 选择框是通过<select>和<option>元素来创建.下面从对选择框的几个操作,来学习,总结Js中操作选择框的方法 一.选择选项 (1)只允许选择一项的选择框,访问选项中的最简单方式,就是使用选择框的selectIndex属性. selectedIndex 属性可设置或返回下拉列表中被选选项的索引号.设置selectedIndex会导致取消以前的所有选项并选择指定的那一项,而读取selectedIndex则只会返回选中项第一项的索引值.注意:若允许多重选择,则仅会返

左右选择框 js插件

随着项目的进展,测试工程师在更多的浏览器中兼容性测试中,发现有些浏览器不支持option的触发事件,这就造成了先前一篇博文bootstrap 左右框多项选择示例 中左右选择框的失效,于是我就由原先的select-option结构 改成了 现在的 ul-li 结构,并写成了js插件的形式,方便以后调用和修改,并在多个浏览器测试中得到验证: 实现的页面如下: jsp页面的修改如下: 1 <div id="province_dchannel"> 2 <div class=&

jquery.chosen.js下拉选择框美化插件项目实例

由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生变化.为了界面的美观,不得已查资料寻找另外的插件. 使用jquery.chosen.js下拉选择框美化插件同样也能达到类似效果 完成效果如下 实现步骤如下 1.导入相关文件 <link rel="stylesheet" href="${ctxStatic}/css/chos

js中级小知识1

首先我们复习之前的小知识,本期博客与之前有关 js数据类型 基本数据类型:string    undefined         null         boolean          number 引用数据类型:     Object     array       function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象一键值对的形式存放 另一种就是函数 以字符串的形式存放 案例 引用数据类型的赋