js修改input的属性值的问题 - JavaScript论坛

kscooh1

等　级：论坛游民
帖　子：53
专家分：25
注　册：2011-8-8
结帖率：90%

楼主

问题点数：0 回复次数：3

js修改input的属性值的问题

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.简化Ajax步骤</title>
<style type="text/css">

.targetcss{
    display:none;   
}

.targetcss1{
    height:400px;
    width:500px;
    border:1px solid grav;
    background-color:pink;
    display:block;   
}

</style>

<script language="javascript" src="jquery-1.2.3.js"></script>
<script language="javascript">
function startRequest(){
    //$("#target").load("14-1.php");
    $("div.targetcss").addClass("targetcss1");

}
function test(){
    var sal="";
    $("input[type='checkbox']").each(function(){
        if($(this).attr("checked")==true){
            sal+=$(this).attr("value")+" ";
        }
       
    });
    $("input[id='text001']").attr("value",sal);
    $("div.targetcss").removeClass("targetcss1");
    alert($("input[id='text001']").attr("value"));

}
</script>
</head>
<body>
<h3>职位搜索</h3>
<div id="boss" class="targetcss" >
    <div id="target" >
    <form action="" method="post">
    计算机<input type="checkbox" name="checkbox[]" value="计算机"/>
    机械工程<input type="checkbox" name="checkbox[]" value="机械工程"/>
    汽车设计<input type="checkbox" name="checkbox[]" value="汽车设计"/>
    <input type="submit" value="确定" onClick="test()" />
    </form>
    </div>
    <div></div>
</div>

<form action="" method="post">
<table>
<tr><td>职位类别：</td><td><input type="text" id="text001" value="不限制" onClick="startRequest()"></td></tr>
<tr><td>工作地区：</td><td><select name="add"><option value="">不限制</option></select></td></tr>
</table>
</form>
<br><br>

</body>
</html>

现在可以改，不过最后又变回去了高手帮忙指点下

搜索更多相关主题的帖子: javascript　html　display　PUBLIC　border　

2012-08-29 17:03

zhuwj

来　自：江苏
等　级：论坛游民
威　望：1
帖　子：63
专家分：58
注　册：2010-11-18

第 3 楼

得分:0

把form都去掉

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.简化Ajax步骤</title>
<style type="text/css">

.targetcss{
    display:none;  
}

.targetcss1{
    height:400px;
    width:500px;
    border:1px solid grav;
    background-color:pink;
    display:block;  
}

</style>

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript">
    function startRequest() {
        //$("#target").load("14-1.php");
        var d = $("div");
        $("div.targetcss").addClass("targetcss1");

    }
    function test() {
        var sal = "";
        $("input[type='checkbox']").each(function () {
            if ($(this).attr("checked") == true) {
                sal += $(this).attr("value") + " ";
            }

        });
        $("input[id='text001']").attr("value", sal);
        var inp = $("input");
    
        $("div.targetcss").removeClass("targetcss1");
        alert($("input[id='text001']").attr("value"));

    }
</script>
</head>
<body>
<h3>职位搜索</h3>
<div id="boss" class="targetcss" >
    <div id="target" >

    计算机<input type="checkbox"  value="计算机"/>
    机械工程<input type="checkbox"  value="机械工程"/>
    汽车设计<input type="checkbox"  value="汽车设计"/>
    <input type="submit" value="确定" onClick="test()" />

    </div>
    <div></div>
</div>


<table>
<tr><td>职位类别：</td><td><input type="text" id="text001" value="不限制" onClick="startRequest()"></td></tr>
<tr><td>工作地区：</td><td><select name="add"><option value="">不限制</option></select></td></tr>
</table>

<br><br>

</body>
</html>

2012-10-25 15:08