Question

我希望做的是基于您选择＆＃34; No Date＆＃34;的按钮。它会使我的上下文本框变灰。

     <td width="33%" valign="top">
   <table style="width: 100%;">
        <tr>
            <td width="40%">
                Search by
            </td>
            <td width="60%">
            <input type="radio" id="frm_date_type1" name="frm_date_type" value="" checked="checked" />&nbsp;No Date
            <input type="radio" id="frm_date_type2" name="frm_date_type" value="admit"/>&nbsp;Admit
            <input type="radio" id="frm_date_type3" name="frm_date_type" value="discharge"/>&nbsp;Discharge                                  
            <input type="radio" id="frm_date_type4" name="frm_date_type" value="audit" />&nbsp;Audit
            <input type="radio" id="frm_date_type5" name="frm_date_type" value="import" />&nbsp;Import

            </td>
        </tr>
        <tr>
            <td width="40%">
                Date From
            </td>
           <td width="60%">

              <input type="text"  class="date" id="from" name="from"/>
            </td>
        </tr>
        <tr>
            <td width="40%">
                Date To
            </td>
            <td width="60%">
               <input type="text"  class="date" id="to" name="to" />
            </td>
        </tr>
        <tr>

Answer 1

$("[name=frm_date_type]").click(function(){
    if($(this).attr("id") === "frm_date_type1"){
        $("#to, #from").attr("disabled", true);        
    }
    else{
        $("#to, #from").removeAttr("disabled");       
    }
}).filter(':checked').click();

喜欢那个？

Now with Fiddle

Answer 2

此代码可以帮助您。

 $('#frm_date_type1').click(function() {
   $('#from').attr('disable');
   $('#to').attr('disable');
 });

根据点击的按钮显示文本框

2 个答案: