關於複選框全選,全不選以及使用按鈕傳值
阿新 • • 發佈:2019-01-05
在複選框全選,以及選其中的幾個進行傳值,有以下思路,把每個複選框的值,使用字串累加,用逗號將其隔開程式碼如下
="4"/><span>4</span><input type="checkbox" name="test" value="5"/><span>5</span><input type='button' value='提交' onclick="fun()"/>function fun(){ obj = document.getElementsByName("test"); check_val = [];for(k in obj){if(obj[k].checked) check_val.push(obj[k].value); } alert(check_val);//在這裡可以將選中的複選框的值傳給後臺
}
function checkAll() { var id = document.getElementById("all"); var name = document.getElementsByName("checkbox"); if(id.checked==true){ if(name.length){ for(var i=0;i<name.length;i++){ name[i].checked = true; } } name.chcked=true; }else{ if(name.length){ for(var i=0;i<name.length;i++){ name[i].checked = false; } } } } 這段程式碼是複選框全選全不選 function mycheckbox() { var str = ""; var i=0; $("input[name='checkbox']:checkbox").each(function () { if ($(this).is(':checked')) { str+=$(this).val()+","; i++; } }); if(i==0){ layer.msg("請選擇需要合併的會議",{icon:0}); } else if(i==1){ layer.msg("合併會議至少選擇兩個以上",{icon:0}); }else { window.location.href="${ctx}/meetingIn/merger?str="+str; }
}
這段是將選中的複選框的值傳到後臺。
這是第二種方法<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span><input type="checkbox" name="test" value="3"/><span>3</span><input type="checkbox" name="test" value
window.location.href="${ctx}/meetingIn/merger?str="+check_val;
}