想实现一个简单的功能

Question

我想实现一个简单的功能
有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;
}

Answer 1

知道了，传一个this到add_words就OK了

Answer 2

function add_words(obj){
var textbox=document.getElementsByName('arrsubid[]');
 for(i=0;i<textbox.length;i++){
       if(textbox[i].checked){
           return alert('选中!');
       }else{
           break;
       }
 }
}

Answer 3

参考...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;
}
}
}

Answer 4

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

Answer 5

如果编辑框中有一段文字 "一个人 一个人 我"
如何用javascript将其全部删除？str="一个人 一个人 我";
a=a.replace("一个人","");
怎么只能删除第1个？

Answer 6

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;
      }
    
}

Answer 7

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;
      }
    
}

Answer 8

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;
      }
    
}

Answer 9

我的这个可以了，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='';
}
}
}

Answer 10

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

Answer 11

这个也可以，把checkbox对象和 值传进去function add_words(obj,v){
var o=obj;
if(o.checked)
document.getElementById('images_tag').value=v;
else
document.getElementById('images_tag').value='';
}

Answer 12

响应修改为<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" />

Answer 13

    <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>

Answer 14

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" />

Answer 15

LZ的签名好强大,"从小不学好,长大卖电脑."
少壮不努力,老大干IT

Answer 16

<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 +" ";
             
        }
    }
 
}

Answer 17

<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(',');
}

Answer 18

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

Answer 19

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

Answer 20

用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>

Answer 21

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

Answer 22

      <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>

Answer 23

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