2017-05-03 61 views
2

我对jquery/javascript非常陌生,并且正在努力使用单选按钮。我想根据来自数据库的变量来检查单选按钮。我可以在我的控制台中看到该值,因此它是动态填充的,但我无法检查正确的单选按钮。根据变量值检查单选按钮

这是我的jquery:

$(document).ready(function() { 
     //if ($('input[name="Gender"] option[value="%%Gender%%"]')) 
     // $('input[name="Gender"] option[value="%%Gender%%"]').prop("checked", true); 
     if($('input[name="Gender"][value="%%Gender%%"]')) 
     ($('input[name="Gender"][value="%%Gender%%"]').prop("checked",true)) 
     console.log("%%Gender%%"); 
     }); 

这是我的表(我知道这是不是在上班的路上,但生成的HTML,我不得不使用它),包括单选按钮:

<table cellspacing="0" cellpadding="0" border="0"> 
    <tr style="height: 20px"> 
     <td> 
     <input type="radio" style="margin: 0px 4px 0px 0px; width: 13px;" name="Gender" id="control_COLUMN10_0" label="Gender" value="%%Gender%%"> 
     </td> 
     <td class="defaultText" style="padding-right: 10px;">Male</td> 
    </tr> 
    <tr style="height: 20px"> 
     <td> 
     <input type="radio" style="margin: 0px 4px 0px 0px; width: 13px;" name="Gender" id="control_COLUMN10_1" label="Gender" value="%%Gender%%"> 
     </td> 
     <td class="defaultText" style="padding-right: 10px;">Female</td> 
    </tr> 
    </table> 

在此先感谢您的帮助!

GRTS

回答

1

你尝试过这样的:

$('input[name="Gender"]').each(function(index){ 
    if($(this).val() == "%%Gender%%") 
    ($(this).prop("checked",true)); 
}); 
+0

感谢@techLove!似乎像魅力一样工作。 –

1

你如果出现语句缺少大括号。

这两个无线电输入都具有相同的值,所以稍后将被检查。

$(document).ready(function() { 
 
    $('input[name="Gender"]').each(function() { 
 
    if($(this).val() == '%%Gender%%') { 
 
     $(this).trigger('click'); 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table cellspacing="0" cellpadding="0" border="0"> 
 
    <tr style="height: 20px"> 
 
     <td> 
 
     <input type="radio" style="margin: 0px 4px 0px 0px; width: 13px;" name="Gender" id="control_COLUMN10_0" label="Gender" value="%%Gender%%"> 
 
     </td> 
 
     <td class="defaultText" style="padding-right: 10px;">Male</td> 
 
    </tr> 
 
    <tr style="height: 20px"> 
 
     <td> 
 
     <input type="radio" style="margin: 0px 4px 0px 0px; width: 13px;" name="Gender" id="control_COLUMN10_1" label="Gender" value="%%Gender%%"> 
 
     </td> 
 
     <td class="defaultText" style="padding-right: 10px;">Female</td> 
 
    </tr> 
 
    </table>