【问题标题】:Jquery: If statement help, if (radio button is checked) then Jquery, elseJquery:如果语句帮助,如果(选中单选按钮)然后是 Jquery,否则
【发布时间】:2011-08-21 03:36:29
【问题描述】:

我有这个 JQuery 代码,它在 DOM 中准备好了,点击 .deleteCatFavs 它运行这个函数。我想为此添加一些 If 功能,但遇到了问题。

// Delete a Favorite Category,
    $('.deleteCatFavs').live("click", function(){

    var actionRequested = "AJAX_delFavCat";
    var url = "index.php";
    var catId = $("input[name=FavCats]:checked").val();
    var rowId = $("input[name=FavCats]:checked").attr("id");

        $.post(url, {AJAX_Action: actionRequested, rowId: rowId},
        function(data){
            $("#favCats").html(data);
        });
    });

我想让它做这样的事情。我已经使用 isset() 以 PHP 方式显示我想做什么,我只是不知道如何在 javascript 中执行此操作。

// On DOM Ready, Hide .deleteCatFavs
$('.deleteCatFavs').hide();

// When the input radio button is checked [name=FavCats], 
   if(isset($("input[name=FavCats]:checked") // <-- if radio button is selected
         $(".deleteCatFavs").show();         // Then show the Delete class,

// And if the .deleteCatFavs class is clicked, then run the JQuery code above
   if (.deleteCatFavs.isClicked){
       Run Jquery Code here';
   }

所以基本上,当单选按钮被选中时,我想显示 .deleteCatFavs 类,否则我希望它隐藏在准备好的 DOM 上。而且,当 .deleteCatFavs 显示并单击时,它必须运行上述代码。

我确定这很简单,我只是不知道如何在 Javascript 中进行 isset 查询。

另外,让我们保持简单。

【问题讨论】:

    标签: javascript jquery if-statement radio-button


    【解决方案1】:

    怎么样:

    $("input[name='FavCats']").change(function () {
        /* Fired immediately after a radio button is clicked with name='FavCats' */
        $(".deleteCatFavs").show();
    });
    

    它将事件处理程序绑定到change 事件——我假设如果单击任何名称为FavCats 的单选按钮,您希望显示.deleteCatFavs

    还有:

    $(".deleteCatFavs").click(function () {
        /* Run jQuery code when element with class deleteCatFavs is clicked */
    });
    

    【讨论】:

    • @PHP_GUY:该代码将评估 DOM 就绪单选按钮的状态。您是否希望每次选中/取消选中单选按钮时都运行该代码?
    • @PHP_Guy:明白--更新我的答案。
    • @PHP_Guy:请查看我的更新答案,如果您有任何问题,请告诉我!
    【解决方案2】:

    试试最新的 jQuery v1.6 方法prop

    if ( $(elem).prop("checked") )
    

    【讨论】:

      猜你喜欢
      • 2011-12-19
      • 2011-10-03
      • 2013-04-09
      • 1970-01-01
      • 2012-09-17
      • 2017-02-24
      • 2014-07-02
      • 2011-04-17
      • 1970-01-01
      相关资源
      最近更新 更多