我有一個(gè)代碼來計(jì)算所選的復(fù)選框,并在div中顯示它們。我嘗試了不同的事情而沒有成功,我想要實(shí)現(xiàn)的目標(biāo)如下:填充textarea時(shí)(文本長度> 1) - >將1添加到結(jié)果中。當(dāng)用戶鍵入某些內(nèi)容(它應(yīng)該是實(shí)時(shí))時(shí),將1添加到結(jié)果中;當(dāng)用戶刪除textarea中的所有內(nèi)容時(shí),刪除1。計(jì)算所選復(fù)選框(CodePen)$('input[type="checkbox"]').change(function() { var selected = 0; var number_of_checkboxes = $('input[type="checkbox"]:checked').length; selected += number_of_checkboxes; $('#result').html(selected);});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="answers"> <label for="text1"> <input type="checkbox" name="text1" id="text1" value="1"> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </span> </label> <br> <label for="text2"> <input type="checkbox" name="text2" id="text2" value="1"> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </span> </label> <br> <label for="text3"> <input type="checkbox" name="text3" id="text3" value="1"> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </span> </label> <br> <br> <textarea id="selected" minlength="20" name="selected" placeholder="Lorem ipsum dolor sit amet" style="width: 500px; height: 100px;"></textarea> <div id="result">0</div></div>
計(jì)算所選復(fù)選框和textarea的問題
眼眸繁星
2019-04-23 17:15:53