html代码:
<input type="text" id="x1" name="price[]" value="" />
<input type="checkbox" id="1" name="suffix[]" >
因为是表格,所以每一行都有一个文本输入框和一个checkbox比如某行不选中某个checkbox,该行的文本输入框就消失掉,或者改name吧选中checkbox,文本输入框就显示出现怎么搞呢?
<input type="text" id="x1" name="price[]" value="" />
<input type="checkbox" id="1" name="suffix[]" >
因为是表格,所以每一行都有一个文本输入框和一个checkbox比如某行不选中某个checkbox,该行的文本输入框就消失掉,或者改name吧选中checkbox,文本输入框就显示出现怎么搞呢?
解决方案 »
- 关于JS控制右下角弹窗的问题
- (在线等)有谁用过FLIPPINGBOOK(flash翻书效果显示图片),怎么设置显示图片的数量啊
- 无论两个数字之差相差多少 都要在10秒之内完成 怎么实现
- js控制图片大小
- 如何将一个string转化成Date?
- 有多个同名的radiobutton,如何用javascript判断选中的值
- document.getElementById("sp"+aR[1]).innerHTML=tmpTd赋值语句运行后,两者内容不相同
- 怎么把鼠标箭头改成我自己的图片?急等。
- 什么鸟问题,郁闷!
- 怎么得到IE窗口中鼠标的动作?
- JS弹出记事本
- 别人发送图片的base64编码给,如何让其显示在页面上?
换名字:
$("#1”).change(function()
{
if(this.checked)
$("#x1").attr("name","abc");
else
$("#x1").attr("name","price[]");
});
<script type="text/javascript">
window.onload = function(){
document.getElementById("1").onclick = function(){
document.getElementById("x"+this.id).style.display = this.checked?"none":"block";
}
}
</script>checkbox 控制text隐藏/显示?
因为还要post表单过去,如果隐藏了,虽然看不到,但文本输入框的值还会传过去的如果改个name,那边接收不到值,就OK了
嗯嗯,改name是主要的,如果隐藏控制,这样操作的人感觉直观,用户体验比较好
当checkbox点中的时候 又改回来 。
<input type="text" id="x1" name="price[]" value="" tempName="price[]" /><script type="text/javascript">
window.onload = function(){
document.getElementById("1").onclick = function(){
var txt = document.getElementById("x"+1);
if(this.checked){
txt.style.display ="none";
txt.setAttribute("name","changeName");
}
else{
txt.style.display = "block";
txt.setAttribute("name",txt.getAttribute("tempName"));
}
}
}
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""> <script>
function showInput(obj){
var val = obj.checked;
//根据选择的checkbox确定它后面的列是否显示文本框
if(val == true){
obj.parentElement.parentElement.lastChild.innerHTML = "<input />";//先找到行,在找到最后以列
//obj.parentElement.nextSibling.innerHTML = "<input />";//nextSibling下一节点
}else{
obj.parentElement.nextSibling.innerHTML = "";
}
}
</script>
</HEAD> <BODY>
<table border = "1">
<tr id='t'>
<td><input type="checkbox" onclick="showInput(this)"/></td>
<td width="100"> </td>
</tr>
<tr>
<td><input type="checkbox" onclick="showInput(this)"/></td>
<td width="100"> </td>
</tr>
</table>
</BODY>
</HTML>