乙個數值儲存核取方塊的值

2021-08-25 14:48:16 字數 1217 閱讀 4184

在開發過程中,對於網頁中的多選,我們有很多種儲存方式。下文介紹一種通用設計方式。

位與運算:二進位制運算,相同位的兩個數字都為1,則為1;若有乙個不為1,則為0,如:

00101

& 11100

------------

00100

將多項的選項值分別設定為 2 的 n 次方,n 從 0 開始,每多一項,n + 1。即 1,2,4,8…

多選的儲存值為各項值之和,如選中了第 1、3 項,則值為:1 + 4 = 5

假設儲存的值為 5 ,要使相應的項被勾選,則是迴圈多項的值,每項與儲存值 5 進行位與運算,如果值與選項本身的值相等,則選中該項;相反地,如果運算值為 0 ,則設定為不選中:

1 & 5 =1

2 & 5 = 0

4 & 5 = 4

8 & 5 = 0

lang="en">

charset="utf-8">

checkbox testtitle>

head>

type="checkbox"

name="test"

value="1"> 1

type="checkbox"

name="test"

value="2"> 2

type="checkbox"

name="test"

value="4"> 4

type="checkbox"

name="test"

value="8"> 8

form>

type="text"

id="result"

placeholder="設定要回顯的值">

id="show">回顯button>

src="">

script>

$(function

() );

$("#result").val(result);

});$("#show").on("click", function

() else

});});

});script>

body>

html>

這種做法之前就已經見過,但是看完就忘了,故寫下此文已作記錄。

養成位運算的思維方式,對設計有一定的幫助~

jQuery在div中儲存核取方塊值的列表

只是說您想將列表儲存在文字區域中,以便在選中核取方塊時將其新增到列表中。同樣,當取消選中核取方塊時,將從列表中刪除該專案。這就是您可能要做的如此瘋狂的事情!when a user selects interest in an addtional service,add this to the add...

jquery怎樣獲取多個核取方塊的值?

jquery的遍歷方法可以獲取核取方塊所欲的選中值12 input checkbox checked each function index,element 為所有選中的核取方塊執行函式,函式體中可以取出每個核取方塊的值 input checkbox checked map function ind...

jQuery分別獲取選中的核取方塊值

function jqchk 點選 提交 後,可以得到正確的選擇值了,但是後面多乙個,英文逗號 這個可以檢測一下再用substring去除,或者獲取到核取方塊選擇值後一般都要轉成陣列再使用的,所以也可以在轉成陣列後,去除最後乙個陣列元素。if s.length 0 alert s 你還沒有選擇任何內...