js 單選框點選選中和取消
阿新 • • 發佈:2019-02-13
首先是html程式碼,一個單選框 一個 隱藏域,便於給後臺傳遞資料. <input type="checkbox" calss="span4" name="randomPassword" id="randomPassword" value="" onclick="changeBox(this)"/> <input type="hidden" name="isRandomPassword" id="isRandomPassword" value=""/> 接下來是 js程式碼. /** *單選框點選事件 */ function changeBox(obj) { var box= $(obj); if(obj.checked == true) { box.parent().parent().next().val("Y"); box.parent("span").addClass("checked"); } else { box.parent("span").removeClass("checked"); box.parent().parent().next().val("N"); } } $(function(){ var randomPasswordBox= $("#randomPassword"); var randomPasswordBoxClients = randomPasswordBox.val(); if(randomPasswordBoxClients == 'Y') { randomPasswordBox.parent("span").addClass("checked"); randomPasswordBox.attr("checked",true); }else { $("#randomPassword").val("N"); $("#isRandomPassword").val("N"); } })