我想实现一个简单的功能
有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;
}
有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;
}
解决方案 »
- 这段jquery入门代码,书上的,不能运行,新手求救
- JS如何查找出单元格内的表单元素,并用元素值替换表单元素
- js传参数出错
- xxxx.onClick = alert("hello");页面刚打开,为何我还没有点击,alert就自动弹出了。
- 怎样使水平线 与该行的文字在 同一行?
- 关于 popUpMenu 的一个问题, 一直解决不了,在线等待高手出现...........
- js中控制target,js高手求助啊,急送100分!(在下中的动态菜单中加入target目标)
- 小弟想学习一下别人的JS,可是打开后发现没有换行,密密麻麻一大坨,请问怎么才能让他自动显示出缩进。
- 高手请进,table的拖动列头,交换位置
- 怎么把前端的项目放到服务器上???详细一点的步骤
- IIS下关于fullscreen的问题!
- 求 javaScript 10进制转64进制
var textbox=document.getElementsByName('arrsubid[]');
for(i=0;i<textbox.length;i++){
if(textbox[i].checked){
return alert('选中!');
}else{
break;
}
}
}
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;
}
}
}
如何用javascript将其全部删除?str="一个人 一个人 我";
a=a.replace("一个人","");
怎么只能删除第1个?
{
if(obj.checked){
a = document.getElementById('images_tag').value;
a += " "+obj;
document.getElementById('images_tag').value= a;
}
}
{
if(obj.checked){
a = document.getElementById('images_tag').value;
a += " "+obj;
document.getElementById('images_tag').value= a;
}
}
{
if(obj.checked){
a = document.getElementById('images_tag').value;
a += " "+obj;
document.getElementById('images_tag').value= a;
}
}
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='';
}
}
}
懒的替换的话,
你点删除时,再重新生成那个text呀,
var o=obj;
if(o.checked)
document.getElementById('images_tag').value=v;
else
document.getElementById('images_tag').value='';
}
<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="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>
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" />
少壮不努力,老大干IT
<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 +" ";
}
}
}
<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(',');
}
<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>
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<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>
(function(obj){
var test=obj.replace(/一个人/g,'');
alert(test);
}("一个人 一个人 我"));
</script>