jquery的单选按钮值答案

【问题标题】：radio button value by jqueryjquery的单选按钮值
【发布时间】：2012-07-25 20:15:30
【问题描述】：

我有一小段代码，例如：

<?php while($plan = mysql_fetch_array($plan_values)){?>
         <input type="radio"  name="bus_plan" value="<?php echo $plan['plan_id']; ?>" />
         <a href="plan-tariff.php?plan_name=<?php echo $plan['plan_name']; ?>" target="_blank">
               <span class="radiotxt"><?php echo $plan['plan_name']; ?></span>
         </a>
         <br clear="all" />
<?php } ?>

通过上述 while 条件，我得到三个单选按钮，其值为 1,2 和 8 。现在我的问题是如何在检查上述任何一个按钮时获取单选按钮的值。

【问题讨论】：

可以使用jquery代码读取单选按钮的值。

标签： jquery button radio-button

【解决方案1】：

$('input:radio[name=bus_plan]:checked').val();

【讨论】：

【解决方案2】：

将此代码放在页面的头部。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"/>
<script type="text/javascript">
$(document).ready(function(){
    $("input:radio[name=bus_plan]").click(function(){
        var value = $(this).val();
        alert(value);
    });
});
</script>

当您单击任何单选按钮时，此代码将提示您该单选按钮的值。请询问它是否不适合您。

【讨论】：

它正在工作。但我使用另一个名为“jquery.bxSlider.min.js”的 js 文件。为此，它是矛盾的。当我删除此 jquery.bxSlider.min.js 并放入 jquery-1.7.2.js 时，它就可以工作了。有没有什么办法可以让两个js文件正常工作而不妨碍任何事情？
此链接api.jquery.com/jQuery.noConflict 可能会对您有所帮助。您也可以尝试使用您包含的 javascript 更改我的代码的排序顺序。

【解决方案3】：

试试这个

<input type="radio"  name="bus_plan" id="smallBtn" value="1" onClick="alert(this.value)"  />
<input type="radio"  name="bus_plan" id="smallBtn" value="2" onClick="alert(this.value)" />
<input type="radio"  name="bus_plan" id="smallBtn" value="8" onClick="alert(this.value)"  />

或者您可以为此创建函数来代替alert TryThis

【讨论】：

【解决方案4】：

试试这个：http://jsfiddle.net/4haQQ/

请记住首先包含 JQuery 库，然后将您的 jquery 代码包装在打开标签中，如下所示：

$(document).ready(function(){
//CODE HERE
});

【讨论】：