2013-04-11 1 views
1

Привет, я пытаюсь получить значение типа входного радио, щелкнув по звездообразному изображению по зрению и успев в этом, но застрял обнуление изображения звезды в другой строке посмотрите эту скрипку http://jsfiddle.net/sarfarazdesigner/T9nxq/проблемы с оценкой по выбранным звездообразным изображениям для видения и заднего конца выберите скрытое значение типа входного сигнала

я описать то, что я сделал я должен принимать входной тип радио и дать ему position relative и взять другой div и дать ему position absolute и положить его к этому перкулятору inputs и по clicking по адресу image i установлен input - click в этом утро успеха в получении значения, но я застрял в настройке звезд изображений помогите мне, пожалуйста, и простите за мой английское спасибо :-)

<div class="ratingDiv review"> 
    <div class="row"> 
     <label class="lbl">Features : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Features" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Features" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Features" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Features" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Features" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_1" title="poor" class="hvr"></a> 
        <a id="_2" title="average" class="hvr"></a> 
        <a id="_3" title="good" class="hvr"></a> 
        <a id="_4" title="verygood" class="hvr"></a> 
        <a id="_5" title="excellent" class="hvr"></a> 
       </div> 
       <div class="rateStatus">this is awesome</div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">Support : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Support" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Support" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Support" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Support" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Support" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_6" title="poor" class="hvr"></a> 
        <a id="_7" title="average" class="hvr"></a> 
        <a id="_8" title="good" class="hvr"></a> 
        <a id="_9" title="verygood" class="hvr"></a> 
        <a id="_10" title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">Userfriendly : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Userfriendly" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Userfriendly" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Userfriendly" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Userfriendly" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Userfriendly" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_11" title="poor" class="hvr"></a> 
        <a id="_12" title="average" class="hvr"></a> 
        <a id="_13" title="good" class="hvr"></a> 
        <a id="_14" title="verygood" class="hvr"></a> 
        <a id="_15" title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">Customer Values : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Customer" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Customer" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Customer" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Customer" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Customer" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_16" title="poor" class="hvr"></a> 
        <a id="_17" title="average" class="hvr"></a> 
        <a id="_18" title="good" class="hvr"></a> 
        <a id="_19" title="verygood" class="hvr"></a> 
        <a id="_20" title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">Reliability : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Reliability" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Reliability" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Reliability" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Reliability" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Reliability" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_21" title="poor" class="hvr"></a> 
        <a id="_22" title="average" class="hvr"></a> 
        <a id="_23" title="good" class="hvr"></a> 
        <a id="_24" title="verygood" class="hvr"></a> 
        <a id="_25" title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">After Sales Services : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="Services" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="Services" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="Services" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="Services" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="Services" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a id="_26" title="poor" class="hvr"></a> 
        <a id="_27" title="average" class="hvr"></a> 
        <a id="_28" title="good" class="hvr"></a> 
        <a id="_29" title="verygood" class="hvr"></a> 
        <a id="_30" title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <label class="lbl">Over all Rating : </label> 
     <div class="ratingwrap"> 
      <div style="position:relative;"> 
       <div class="fkdiv"> 
        <input type="radio" id="poor" class="rtchk" name="rating" value="1" /> 
        <input type="radio" id="average" class="rtchk" name="rating" value="2" checked="checked" /> 
        <input type="radio" id="good" class="rtchk" name="rating" value="3" /> 
        <input type="radio" id="verygood" class="rtchk" name="rating" value="4" /> 
        <input type="radio" id="excellent" class="rtchk" name="rating" value="5" /> 
       </div> 
       <div class="rateMe" title="Rate Me..."> 
        <a title="poor" class="hvr"></a> 
        <a title="average" class="hvr"></a> 
        <a title="good" class="hvr"></a> 
        <a title="verygood" class="hvr"></a> 
        <a title="excellent" class="hvr"></a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div><!--rating review div end here--> 
+0

Что-то вроде этого? http://jsfiddle.net/T9nxq/1/ – Morpheus

+0

что вы сделали, я не могу его получить. это то же самое, что и мой код –

+0

, когда мы щелкнули по любой строке и после первого выбора выберем мой первый рейтинг, когда мы переходим в другую строку, по умолчанию выбираем, куда моя мышь ушла, моя проблема в том, что я хочу установить рейтинговую переменную false после выбора ее true очень запутанный –

ответ

0

Наконец, через пару часов я уже исправил проблему звезд принять внешний вид этой ссылки jsfiddle.net/sarfarazdesigner/myLTC/1/ я получил то, что я хочу, и заслуга в этом @Morpheus и немного моей головы :-)

 Смежные вопросы

  • Нет связанных вопросов^_^