如何通过Js实现点击一组复选框,动态添加1个input输入框,输入框中自动填充所选复选框的内容呢? 用js如何实现勾选复选框后自动在文本框显示
\u5982\u4f55\u901a\u8fc7Js\u5b9e\u73b0\u70b9\u51fb\u4e00\u7ec4\u590d\u9009\u6846\uff0c\u52a8\u6001\u6dfb\u52a01\u4e2ainput\u8f93\u5165\u6846\uff0c\u8f93\u5165\u6846\u4e2d\u81ea\u52a8\u586b\u5145\u6240\u9009\u590d\u9009\u6846\u7684\u5185\u5bb9\u5462\uff1f\u5c1d\u8bd5\u5982\u4e0b\u4ee3\u7801\uff0c\u5728 Friefox 54 \u53ca IE 11 \u4e0b\u6d4b\u8bd5\u53ef\u884c
\u8dd1\u6b65 \u6253\u7403 \u767b\u5c71 \u6e38\u6cf3 \u9a91\u8f66 var objdiv = document.getElementById('div1'); for(i=1; i
\u7ed9\u90a3\u4e9b\u590d\u9009\u6846\u7ed1\u5b9a\u9009\u62e9\u4e8b\u4ef6onchange\uff0c\u7528jQuery\u53bb\u505a\uff0c\u5982\uff1a
$('input [name=check]').change(function(){//\u5047\u8bbe\u590d\u9009\u6846\u7684html\uff1a var ele=this;//\u5f53\u524d\u9009\u62e9\u7684\u590d\u9009\u6846\uff0c\u628a\u590d\u9009\u6846\u7684value\u503c\u663e\u793a\u5728\u4e00\u4e2adiv\u4e2d() var val=$(ele).val(); var str=$('#show').html();//\u5148\u83b7\u53d6\u7528\u663e\u793adiv\u7684\u5185\u5bb9\uff0c\u7136\u540e\u628a\u5f53\u524d\u590d\u9009\u6846\u5185\u5bb9\u62fc\u63a5\uff0c\u518d\u628a\u62fc\u63a5\u5185\u5bb9\u5728show\u4e2d str+=val;//\u62fc\u63a5\u5f53\u524d\u503cval $('#show').html(str);//\u663e\u793a });
以jquery为例
<input class="ck" data="1">
<input class="ck" data="2">
<input class="ck" data="3">
var html;
$( ".ck" ).click( function() {
if( this.checked ) {
html = '<input type="text" value="' + $( this ).attr( "data" ) + '">';
$( "body" ).append( html );
}
} );
绛旓細var div=document.getElementById(div鐨刬d);var chks=div.getElementsByName(checkbox鐨刵ame); //checkbox璁句负鍚屼竴涓猲ame for(var i=0;i<chks.length;i++){ chks[i].checked;//鍏ㄩ chks[i].checked=!chks[i].checked //鍙嶉 } ...
绛旓細<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 澶氫釜澶嶉 input{ margin-right:3px} label{margin:0 5px} window.onload = function(){ var obox = document.getElementById("box");var cboList ...
绛旓細('#c1').on('change',function(){ if ($(this).is(':checked')) { $('#c2').prop('checked','checked'); }else{ $('#c2').removeProp('checked'); }})
绛旓細绾JS浠g爜,澶夯鐑︿簡,鎴戜娇鐢ㄧ殑鏄痡Query,甯屾湜浣犺兘鏄庣櫧~!浠g爜濡備笅:var arr=new Array();("check").each(function(i, o) { arr[i] = $(o).attr("name");});娉ㄩ噴:function(i,o)閲,i浠h〃涓嬫爣,o浠h〃鍗曚釜澶嶉夋瀹炰綋.甯屾湜鑳藉府鍒颁綘
绛旓細<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 鏃犳爣棰樻枃妗
绛旓細鍏堝畾涔変竴涓嚱鏁帮紝鍒濆鍊间负0锛岀劧鍚庡湪浣犳帶鍒剁殑鏃跺欐瘡鍕鹃変竴涓氨缁欒繖涓嚱鏁板姞涓锛岀劧鍚庡垽鏂鏋滆繖涓嚱鏁板煎皬浜3閭e氨鍙互缁х画閫夛紝濡傛灉鍊煎ぇ浜庣瓑浜3锛岄偅灏辩粰澶嶉夋鐨勫睘鎬ц鎴愮鐢ㄥ氨濂戒簡銆260982715
绛旓細 鐐瑰嚮鏂囧瓧閫変腑鍗曢夋锛宻ky鏁寸悊鏀堕泦锛岀珯闀跨壒鏁堟杩庢偍銆 <!-- body { font-family: "瀹嬩綋"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT...
绛旓細 鍏磋叮鐖卞ソ锛 绡悆 瓒崇悆 涔掍箵鐞 缇芥瘺鐞 娓告吵 var i=0;var box=document.getElementsByName("hobby");for( var j=0;j<box.length;j++){ box[j].onclick=function(){ if(this.checked){ i++;if(i>=
绛旓細<!DOCTYPE html> RunJS 婕旂ず浠g爜 $(function(){ var cks = $(":checkbox:gt(0)"); var fk = $(":checkbox:first").click(function(){
绛旓細澶嶉夋鐨勫叏閫夋槸鍓嶇寮鍙戜汉鍛樼粡甯搁渶瑕佸紑鍙戠殑鍔熻兘锛岃繖涓姛鑳界畝鑰岃█涔嬪氨鏄紝鐐瑰嚮鍏ㄩ夊氨鍙互閫変腑鎵鏈夌殑澶嶉夋锛岄偅涔堟垜浠庝箞鎵嶈兘瀹炵幇杩欎釜鍔熻兘鍛紵绗旇呮潵鍛婅瘔澶у锛屾潵缁欏ぇ瀹朵竴鐐规彁绀猴紝浠g爜涓嶆槸鍞竴鐨勶紙涓嬪浘gif鍗充负瀹炵幇鏁堟灉鍥撅級寮曞叆jquery 棣栧厛寮曞叆jquery鏀寔锛岀瑪鑰呭湪jquery鐨勫熀纭涓婂疄鐜拌鍔熻兘锛屾病鏈変娇鐢js 澶嶉夋...