input的選中與否以及將input的value追加到一個數組里


html布局

    <div class="mask">   //每一個彈層都有一個隱藏的input
		<label>
			<input hidden="" value="6" type="checkbox" name="record" onclick="Radiochoose(this)">
			<i class="iconfont icon-weixuanze"></i>
		</label>
   </div>                                                 

input的選中與否

//編輯模態框的單選按鈕的點擊
			function Radiochoose(_this){
				var label = $(_this).parent();
				var icon = label.find('.iconfont');
				if(icon.hasClass('icon-weixuanze')){
					icon.addClass('icon-queding').removeClass('icon-weixuanze');
					_this.checked=true;//選中的話checked為true
					console.log($(_this).prop('checked'));
				}else{
					icon.removeClass('icon-queding').addClass('icon-weixuanze');
					_this.checked=false;
					console.log($(_this).prop('checked'));
				}
			}

刪除將input的value追加到一個數組

                    $('.zbtn').click(function(){                //給刪除的按鈕添加一個事件
				var inputs=$('.mask').find('input');    //找到頁面所有的input
				var _arr=[];      //聲明一個空數組
				for (var i = 0; i < inputs.length; i++) {
					if(inputs[i].checked){        //如果input的狀態是選中狀態
						_arr.push(parseInt(inputs[i].value));   //追加到空數組
					}
				}
				console.log(_arr);
			});


免責聲明!

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



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