俄罗斯贵宾会-俄罗斯贵宾会官网
做最好的网站

一个数值保存复选框的值

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Checkbox Test</title>
</head>
<body>

<form>
    <input type="checkbox" name="test" value="1"> 1
    <input type="checkbox" name="test" value="2"> 2
    <input type="checkbox" name="test" value="4"> 4
    <input type="checkbox" name="test" value="8"> 8
</form>

<input type="text" id="result" placeholder="设置要回显的值">
<button id="show">回显</button>

<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(function () {
       $("[name='test']").on("change", function () {
           var result = 0;
           $("[name='test']:checkbox:checked").each(function(){
               result += parseInt($(this).val());
           });
           $("#result").val(result);
       });

       $("#show").on("click", function () {
           var result = parseInt($("#result").val());
           $("[name='test']:checkbox").each(function(){
               var value = parseInt($(this).val());
               if ((result & value) == value) {
                   $(this).prop("checked", true);
               } else {
                   $(this).prop("checked", false);
               }
           });
       });
    });
</script>
</body>
</html>

位运算在算法中的妙用

  • ##### 判断n是否是2的正整数冪

观察2的正整数冪的二进制有何特点?

十进制n 二进制n 二进制(n-1) 二进制(n&(n-1))
1 00001 00000 00000
2 00010 00001 00000
4 00100 00011 00000
8 01000 00111 00000
16 10000 01111 00000

不难看出n是2的正整数冪的充要条件就是n&(n-1) == 0。

根据这一特性我们可以拓展思维:如何计算出一个数n的二进制中有多少个1?代码如下:

 int calculteNumOfOneForInt(int n) {
       int num = 0;
       while(n != 0) {
          n = n&(n-1);
          num++;
       }
     return num;
}
  • ##### 一个int数组中除了一个数之外其他数都是一对,求这个单数

此题需要用到异或运算^,首先来了解异或的特点:

a.    0^n = n
b.    n^n = 0;
c.    a^b^c = b^a^c (无序性)

所以由以上三个特性可知:将数组中的所有数进行异或后所有成双成对的数都被消灭了剩下的是那个单数。

思维延展:数组中有两个元素出现了奇数次,其他元素出现了偶数次。找出这两个元素。

  • ##### 如何只通过两个变量就可以完成两个数的交换
 a = a^b;
 b =  a^b;
 a =  a^b;

一个数值保存复选框的值


位运算符

使用的运算符包括下面:

运算符 含义
& 按位与
! 按位非
~ 按位取反
^ 按位异或
<< 左移
>> 右移

回显

假设存储的值为 5 ,要使相应的项被勾选,则是循环多项的值,每项与存储值 5 进行 位与运算,如果值与选项本身的值相等,则选中该项;相反地,如果运算值为 0 ,则设置为不选中:

1 & 5 = 1
2 & 5 = 0
4 & 5 = 4
8 & 5 = 0

前言

从现代计算机电路来说,只有高电平/低电平两种状态,即为0/1状态,计算机中所有的数据按照具体的编码格式以二进制的形式存储在设备中。

俄罗斯贵宾会 1

前言

在开发过程中,对于网页中的多选,我们有很多种存储方式,常见的如逗号分隔。下文介绍一种通用设计方式:用一个整数来存储复选框的值。


NS_OPTIONS 和 NS_俄罗斯贵宾会,ENUM

iOS设计枚举的时候为什么要设计两种:NS_OPTIONS和NS_ENUM两种呢?因为有时候用户选择的枚举类型是多选的(NS_OPTIONS)而不是互斥的(NS_ENUM)
比如iOS的UIViewAutoresizing

typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {
    UIViewAutoresizingNone                 = 0,  //000000
    UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,//000001
    UIViewAutoresizingFlexibleWidth        = 1 << 1,//000010
    UIViewAutoresizingFlexibleRightMargin  = 1 << 2,//000100
    UIViewAutoresizingFlexibleTopMargin    = 1 << 3,//001000
    UIViewAutoresizingFlexibleHeight       = 1 << 4,//010000
    UIViewAutoresizingFlexibleBottomMargin = 1 << 5 //100000
};

当用户需要多种约束时UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleRightMargin = 000001 | 000010 | 000100 = 000111;当你想知道这个多选中是否包含哪一种时只需要将这个结果和那个单选二进制进行按位与&,如果与之后为零说明不包含,否则包含该选项,如何我想知道上面的多选约束中是否包含UIViewAutoresizingFlexibleWidth(000010),使用&运算: 000111 & 000010 = 000010 (!= 0) 说明包含该约束条件。

目录

本文由俄罗斯贵宾会发布于Web前端,转载请注明出处:一个数值保存复选框的值

您可能还会对下面的文章感兴趣: