想法:利用name屬性值來取得checkbox對象,然後循環判斷checked屬性(true表示被選中,false表示未選中)。以下進行實例示範:
1、HTML結構
<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="4" /> <span> 4 </span> <input type="checkbox" name="test" value="5" /> <span> 5 </span> <input type='button' value='提交' onclick="show()" />
2、javascript程式碼(jQuery)
function show(){ obj = document.getElementsByName("test"); check_val = []; for(k in obj){ if(obj[k].checked) check_val.push(obj[k].value); } alert(check_val); }
3、示範效果
#以上是在js中如何獲得checkbox裡選取的多個值的詳細內容。更多資訊請關注PHP中文網其他相關文章!