想实现一个简单的功能

[xeqtrl982]

我想实现一个简单的功能
有5个checkbox,一个text框
当选中checkbox时，把checkbox的文字显示到text框中，当取消选中后，删除文本框中的相关文字

	<input type="checkbox" name="arrsubid[]"  onClick="add_words('1');" >1
        <input type="checkbox" name="arrsubid[]"  onClick="add_words('2');" >2
        <input type="checkbox" name="arrsubid[]"  onClick="add_words('3');" >3
        <input type="checkbox" name="arrsubid[]"  onClick="add_words('4');">4
        <input type="checkbox" name="arrsubid[]"  onClick="add_words('5');">5
        <input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

	function add_words(obj)
	{
           //这里怎么判断checkbox是否是选中还是未选中啊
	   a = document.getElementById('images_tag').value;
	   a += " "+obj;
	   document.getElementById('images_tag').value= a;
	}

[liangtiana]

1,2,3,4,5都改成this

function add_words(obj)
{
if(obj.checked){
a = document.getElementById('images_tag').value;
a += " "+obj;
document.getElementById('images_tag').value= a;
}

}

[liangtiana]

1,2,3,4,5都改成this

function add_words(obj)
{
if(obj.checked){
a = document.getElementById('images_tag').value;
a += " "+obj;
document.getElementById('images_tag').value= a;
}

}

[shenzhenNBA]

我的这个可以了，LZ看看。。。

function add_words(v){
	var ochkList=document.getElementsByTagName("input");
	for(var i=0;i<ochkList.length;i++){
		if(ochkList[i].type.toLowerCase()=="checkbox" && ochkList[i].name.toLowerCase()=="arrsubid[]" &&  ochkList[i].checked){
		document.getElementById('images_tag').value=v;
		break;
		}else{
		document.getElementById('images_tag').value='';		
		}
	}
}

[仲兴轩]

用this 好些呀，
懒的替换的话，
你点删除时，再重新生成那个text呀，

[shenzhenNBA]

这个也可以，把checkbox对象和 值传进去

function add_words(obj,v){
var o=obj;
if(o.checked)
document.getElementById('images_tag').value=v;	
else
document.getElementById('images_tag').value='';	
}

[shenzhenNBA]

响应修改为

<input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'1');" >1
<input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'2');" >2
<input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'3');" >3
<input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'4');">4
<input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'5');">5
<input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

[暗夜螃蟹]

    <input type="checkbox" name="arrsubid[]"  onClick="add_words(this);" value="1" />1
    <input type="checkbox" name="arrsubid[]"  onClick="add_words(this);" value="2"/>2
    <input type="checkbox" name="arrsubid[]"  onClick="add_words(this);" value="3"/>3
    <input type="checkbox" name="arrsubid[]"  onClick="add_words(this);" value="4"/>4
    <input type="checkbox" name="arrsubid[]"  onClick="add_words(this);" value="5"/>5
    <input type="text" name="images_tag" id="images_tag" class="inputBg" size="15" />
	

<script>
function add_words(obj){
	if(obj.checked==true){
		var textbox=obj.value;
		document.getElementById('images_tag').value=document.getElementById('images_tag').value+textbox;
	}else{
		document.getElementById('images_tag').value=document.getElementById('images_tag').value.replace(obj.value,'');
	}



}
</script>

[KeepMoving]

楼上以经给出思路，希望你解决了！

[yuanyue0540]

JScript:
function add_words(obj,v){
var o=obj;
if(o.checked)
document.getElementById('images_tag').value=v;
else
document.getElementById('images_tag').value='';
}
HTML:
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'1');" >1
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'2');" >2
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'3');" >3
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'4');">4
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'5');">5
<input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

[zyzy15]

      <input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'1');" >1
        <input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'2');" >2
        <input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'3');" >3
        <input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'4');">4
        <input type="checkbox" name="arrsubid[]"  onClick="add_words(this,'5');">5
        <input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />
		<INPUT TYPE="button" VALUE="清空" ONCLICK="doclear()">

<SCRIPT LANGUAGE="JavaScript">
<!--
	function add_words(obj,txt)
    {
		if (obj.checked) document.getElementById('images_tag').value += " "+txt;//选中的情况
		else document.getElementById('images_tag').value = document.getElementById('images_tag').value.replace(" "+txt,"");//清除的情况
    }
	function doclear(){
		document.getElementById('images_tag').value='';//清除text内容
		var checks = document.getElementsByName("arrsubid[]");
		for (var i=0; i<checks.length; i++) checks[i].checked = false;//清除checkbox勾选
	}
//-->
</SCRIPT>

[bjliuzg]

[Quote=引用 27 楼 zyzy15 的回复:]
HTML code

<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'1');" >1
<input type="checkbox" name="arrsubid[]" onClick="add_words(this,'2');" >2
<input type……
[/Quote]

OK

[汉尼拔]

LZ的签名好强大,"从小不学好,长大卖电脑."


少壮不努力,老大干IT

[汉尼拔]

[Quote=引用 7 楼 net_lover 的回复:]

不用this也可以啊，你可以先判断document.getElementById('images_tag').value.indexOf(a)，
[/Quote]

这脑子就是活啊,..

[hch126163]

<input type="checkbox" name="arrsubid[]" onClick="add_words();" >1
<input type="checkbox" name="arrsubid[]" onClick="add_words();" >2
<input type="checkbox" name="arrsubid[]" onClick="add_words();" >3
<input type="checkbox" name="arrsubid[]" onClick="add_words();">4
<input type="checkbox" name="arrsubid[]" onClick="add_words();">5
<input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

function add_words(){
var obj=document.getElementById('images_tag');
var ochkList=document.getElementsByTagName("input");
for(var i=0;i<ochkList.length;i++){
if(ochkList[i].type.toLowerCase()=="checkbox" && ochkList[i].name.toLowerCase()=="arrsubid[]" && ochkList[i].checked){
obj.value+= ochkList[i].value +" ";

}
}

}

[hch126163]

<input type="checkbox" name="arrsubid[]" onClick="add_words();" >1
<input type="checkbox" name="arrsubid[]" onClick="add_words();" >2
<input type="checkbox" name="arrsubid[]" onClick="add_words();" >3
<input type="checkbox" name="arrsubid[]" onClick="add_words();">4
<input type="checkbox" name="arrsubid[]" onClick="add_words();">5
<input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

function add_words(){

var ochkList=document.getElementsByTagName("input");
var arr=[];
for(var i=0;i<ochkList.length;i++){
if(ochkList[i].type.toLowerCase()=="checkbox" && ochkList[i].name.toLowerCase()=="arrsubid[]" && ochkList[i].checked){
arr.push(ochkList[i].value);

}
}
document.getElementById('images_tag').value=arr.join(',');
}

[wthua]

太简单了，在checkbox中的click中做一个事件，事件重计算checkbox中的值并显示在text中就OK了。

[xq870723]

导入最新JQuery，用$(":checkbox").toggle()

[何牧晗]

用jquery实现如下：

<script type="text/javascript">
	$().ready(function(){
					   $('input[name=arrsubid[]]').click(function()
																  {
																	  var m="";		///存储选中的值
																	  $.each($('input[name=arrsubid[]][checked=true]'),function(){
																		m+=$(this).val();
																   	});
																	  $('#images_tag').val(m);	
																  })
					   
					   })
  </script>
  
</head>
<body>
<input type="checkbox" name="arrsubid[]"  value="1">1
        <input type="checkbox" name="arrsubid[]" value="2">2
        <input type="checkbox" name="arrsubid[]" value="3">3
        <input type="checkbox" name="arrsubid[]" value="4">4
        <input type="checkbox" name="arrsubid[]" value="5">5
        <input type="text" name="images_tag" id="images_tag" class="inputBg" size="35" />

</body>

[何牧晗]

在顶部加入 Jquery库函数
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>

[暗夜螃蟹]

[Quote=引用 8 楼 xeqtrl982 的回复:]
如果编辑框中有一段文字 "一个人 一个人 我"
如何用javascript将其全部删除？

JScript code

str="一个人 一个人 我";
a=a.replace("一个人","");
怎么只能删除第1个？
[/Quote]

<script>
(function(obj){
   
   var test=obj.replace(/一个人/g,'');
   alert(test);
}("一个人 一个人 我"));
</script>