Question

我有一个span类“复选框”和一个与隐藏输入字段关联的属性“value”，这两个属性都包含在嵌套的div中。

默认情况下，取消选中该复选框，但我想将span类更改为“checkbox active”，输入值更改为“1”，以便检查并呈现它以反映该更改。

此代码由Wordpress插件生成，没有ID。

设置这两个属性的最佳方法是什么？

<div class="field field-news_item" data-type="true_false" data-name="news_item" data-validator="">
     <div class="cfs_true_false ready">
        <span class="checkbox"></span>
        <span>Is this a news item?</span>
        <input type="hidden" name="cfs[input][6][value]" class="true_false" value="0">
     </div>
</div>

Answer 1

试试这个：

同样出于演示目的，我将输入保持为text而不是hidden。

Fiddle

＆＃13;

(function(){
	$(".checkbox").on("click",function(){
    	$(this).toggleClass("checked");
        var val = 0;
        val = $(this).hasClass("checked")?1:0;
        $(this).parent().find(".true_false").val(val);
    });
})()

＆＃13;

.checked{
    background: blue!important;
}

.checkbox{
    width:20px;
    background:#eee;
    padding:5px;
    border:1px solid black
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="field field-news_item" data-type="true_false" data-name="news_item" data-validator="">
     <div class="cfs_true_false ready">
        <span class="checkbox"></span>
         <span>Is this a news item?</span>
        <input type="text" name="cfs[input][6][value]" class="true_false" value="0">
     </div>
</div>

＆＃13;

Answer 2

根据你的要求。你为什么不这样设置？

$(document).ready(myfunc);

function myfunc()
{
$('.checkbox').addClass('checked');
  $('.true_false').val('1'); 


}

if($('.checkbox').hasClass('checked'))
{
alert($('.true_false').val());
}

点击下面的演示，看看值1已设置且已检查的课程已设置。 您可以点击按钮或选中复选框来执行此操作。

点击Here

Answer 3

UIView *leftDoorView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width /2, self.view.bounds.size.height)];      
leftDoorView.backgroundColor = [UIColor greenColor];
leftDoorView.layer.anchorPoint = CGPointMake(0.0, 0.5);
[self.view addSubview:leftDoorView];

leftDoorView.center = CGPointMake(0.0, self.view.bounds.size.height/2.0); //compensate for anchor offset

CATransform3D transform = CATransform3DIdentity;
transform.m34 = -1.0f/500.0;
transform = CATransform3DRotate(transform, M_PI_2, 0, 1, 0);

[UIView animateWithDuration:1.0 animations:^{

        leftDoorView.layer.transform = transform;
 }];

Javascript设置的类值＆amp;嵌套div中的隐藏输入

3 个答案: