日期:2014-05-16  浏览次数:20341 次

求助!一个给指定标签加label的问题
HTML code

          <TD VALIGN="middle">
            <SPAN>
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
              <FONT CLASS="Default">送出</FONT>
              &nbsp;&nbsp;
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
              <FONT CLASS="Default">儲存</FONT>
              &nbsp;&nbsp;
            </SPAN>
          </TD>



这是html 没法直接改动html本体的
只能通过 JS或者JQ来动,
现在要让 两个radio后面font用 label连起来,即是 <label><input><font></font></label>
需要怎么弄呢?


------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>        
        <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
         <TD VALIGN="middle">
            <SPAN>
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
              <FONT CLASS="Default">送出</FONT>
              &nbsp;&nbsp;
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
              <FONT CLASS="Default">儲存</FONT>
              &nbsp;&nbsp;
            </SPAN>
          </TD>


        <script>
            $("font.Default").each(function(){
                $(this).prev('INPUT.Default').andSelf().wrapAll("<label></label>")
            });
        </script>
    </body>
</html>