text input select

<div class="span4 well pull-left" style="margin-bottom: 20px;">
    <div class="deal-title">New Deal</div>
        <form class="form-horizontal new-deal">
            <fieldset>

                <div class="control-group">
                    <label class="control-label deal-label" for="title">Deal Title: </label>
                    <input type="text" id="title" class="span11" name="dealTitle" placeholder="enter new deal title">
                </div><!-- .control-group -->

                <div class="row-fluid control-group">
                    <div class="span7 pull-left">
                        <label class="radio" for="discount-dollars">
                        <input type="radio" name="discount" id="discount-dollars" value="dollars" checked="checked">
                        &#36; Off
                        </label>
                        <div class="input-append">
                            <input type="text" name="discount-dollars-amount" id="discount-dollars-amount" class="input-small dollars" placeholder="enter amount">
                            <span class="add-on">.00</span>
                        </div>
                    </div><!-- .span7 .pull-left -->

                    <div class="span5">
                        <label class="radio" for="discount-percent">
                      <input type="radio" name="discount" id="discount-percent" value="percent">
                        &#37; Off
                      </label>
                      <input type="text" name="discount-percent-amount" id="discount-percent-amount" class="input-small percent" placeholder="enter amount" disabled="disabled">
                  </div>
                </div><!-- .row-fluid .control-group -->


                  <div class="row-fluid control-group">
                    <div class="span12">
                    <label for="deal">Deal Description</label>
                    <textarea class="span11" id="deal" rows="3" name="description" placeholder="enter deal description here"></textarea>
                    </div>
                  </div><!-- .control-group -->

                  <div class="row-fluid control-group">
                  <div class="span12">
                      <label class="control-label deal-label">Valid thru: </label>
                        <input type="text" class=" input-small" name="dateFrom" placeholder="from">
                        <input type="text" class="input-small" name="dateTo" placeholder="to">
                        <a class="btn" href="#"><i class="icon-calendar"></i></a><i class="icon-question-sign" style="margin-left: 5px;"></i>
                        <p class="help-block">Use these fields for hourly deals and the calendar for date specific deals.</p>
                    </div>
                    </div><!-- .control-group -->

                    <div class="control-group">
                        <label class="control-label">Coupon Code: </label>
                        <input type="text" class="input-medium" name="coupon" placeholder="enter coupon name">
                        <i class="icon-question-sign"></i>
                    </div><!-- .control-group -->

                  <div class="control-group">
                    <label class="control-label">Deals Available: </label>
                    <input type="text" class="input-medium" name="avail" placeholder="enter number">
                    <i class="icon-question-sign"></i>
                  </div><!-- .control-group -->

                  <div class="control-group pull-right">
                    <button type="submit" class="btn btn-large btn-info">Create Deal</button>
                    <button type="reset" class="btn btn-large">Cancel</button>
                  </div><!-- .control-group .pull-right -->

                </fieldset>
          </form>
    </div><!-- .span4 .well .pull-left -->

<script type="text/javascript">

$(function (){
  $("form input[type=radio]").click(function (){

    // get the value of this radio button ("dollars" or "percent")
    var value = $(this).val();

    // find all text fields...
    $(this).closest("form").find("input[type=text]")

      // ...and disable them...
      .attr("disabled", "disabled")

    // ...then find the text field whose class name matches
    // the value of this radio button ("dollars" or "percent")...
    .end().find("." + value)

      // ...and enable that text field
      .removeAttr("disabled")
    .end();
  });
});

</script>