JS通過識別id、value值對checkbox設定選中狀態
阿新 • • 發佈:2020-02-21
通過value值設定checkbox選中
html
<input type="checkbox" name="ChekRole" value="1" >超級管理員 <input type="checkbox" name="ChekRole" value="2">學生 <input type="checkbox" name="ChekRole" value="3">教師
js實現程式碼
<script type="text/javascript"> var name = "1,2,3"; var names = name.split(","); var inputs = document.getElementsByTagName('input'); for (var i =0;i<inputs.length;i++) { for (var n =0;n<names.length;n++) { if (names[n]===inputs[i].value) { inputs[i].checked = true; } } } </script>
jquery實現程式碼
<script type="text/javascript"> var name = "1,2"; $(name.split(",")).each(function (i,e){ $("input[name='ChekRole'][value='"+e+"']").prop("checked",true); }) </script>
id值設定checkbox選中
html
<input type="checkbox" id="test1" name="ChekRole" value="1" >超級管理員 <input type="checkbox" id="test2" name="ChekRole" value="2">學生 <input type="checkbox" id="test3" name="ChekRole" value="3">教師
js實現程式碼
<script type="text/javascript"> document.oncontextmenu = function(){return false;} var name = "test1,test2" var names = name.split(",") var inputs = document.getElementsByTagName('input') for (var i =0;i<inputs.length;i++) { for (var n =0;n<names.length;n++) { if (names[n]===inputs[i].id) { inputs[i].checked = true; } } } </script>
jquery實現程式碼
<script type="text/javascript"> var name = "test1,test2"; $(name.split(",e){ $("input[name='ChekRole'][id='"+e+"']").prop("checked",true); }) </script>
通過數值對應給checkbox的設定預設屬性值(勾選狀態)
//初始化預設已擁有的許可權 $(function () { /* 獲取所有複選框的值 var box = document.getElementsByName("user-Character-0-0-0"); var objArray = box.length; var chestr=""; for(var i=0;i<objArray;i++){ chestr+=box[i].value+","; } alert(chestr);*/ var roleName = $("#roleName").val();//獲取需要初始化的數值 //把已經擁有的複選框的屬性值變成true var arrStr = roleName.split(",");//轉化成陣列 for (var i = 0; i < arrStr.length; i++) { $("input[Value=" + arrStr[i] + "]").attr("checked","checked");//根據value給checkbox設定預設值(勾選) } });
到此這篇關於JS通過識別id、value值對checkbox設定選中狀態的文章就介紹到這了,更多相關根據id、value值設定checkbox狀態內容請搜素我們以前的文章或下面相關文章,希望大家以後多多支援我們!