javascript實現checkbox提交submit請求


javascript實現checkbox提交submit請求

背景:使用django模板中for來形成多個checkbox,需要點擊單個checkbox並查詢數據觸發submit請求到后台,django收到請求后顯示數據

前端代碼(django模板):

<form name="sform" action="" method="GET" id="sform">		
	<div>
		<input class="TableDivput" id="radiobutton" type="checkbox" name="radiobutton" onclick="subform()">
		<input class="TableDivput" id="s_id" type="hidden" name="s_id" value="{{scenario.scenario_id}}">
		<input class="TableDivput" id="s_name" name="s_name" type="text" list="typelist" value="{{scenario.scenario_name}}">
		<input class="TableDivput" id="s_time" type="text" value="{{scenario.add_time}}">
	</div>
</form>

Script的代碼:

<script>       
    function subform() {
    	var a = document.getElementsByName("radiobutton")
    	var b = document.getElementsByName("sform")
    	for( var i=0; i<a.length; i++ ){
    		if (a[i].checked) {
	    		b[i].submit()
    	}}
	}
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM